/* Start of CMSMS style sheet 'Layout: Left sidebar + 1 column' */
html, body {border: 0; margin: 0; padding: 0;}

.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
  color: #77AACC;
  background: url("images/fond.jpg");
  background-attachment:fixed;
}

*
{
margin:0px;
padding:0px;
}


h2.trigger { padding: 0 0 0 50px; margin: 0 0 5px 0; background: url("lib/toggle/trigger.gif") no-repeat; height: 30px; line-height: 30px; width: 575px; font-size: 1.5em; font-weight: normal; }
h2.trigger a { color: #333; text-decoration: none; display: block; }
h2.trigger a:hover { color: #666; }
h2.active {background-position: left bottom;}
.toggle_container { margin: 0 0 5px; padding: 0; border-top: 1px solid #d6d6d6; background: #f0f0f0 url("lib/toggle/toggle_block_stretch.gif") repeat-y left top; overflow: hidden; font-size: 1.2em; width: 625px; clear: both; }
.toggle_container .block { padding: 20px; background: url("lib/toggle/toggle_block_btm.gif") no-repeat left bottom; }
.toggle_container .block p { padding: 5px 0; margin: 5px 0; }
.toggle_container h3 { margin: 0 0 10px; padding: 0 0 5px 0; border-bottom: 1px dashed #ccc; }

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

.tab {
  	background: url('images/login_top.jpg') repeat-x 0 0;
	height: 38px;
	position: relative;
        top: 0;
        z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 38px;
	width: auto;
  	font-weight: bold;
	line-height: 38px;
	margin: 0;
	right: 300px;
        color: #77AACC;
  	font-size: 80%;
	text-align: center;
}

.tab ul.login li.left {
  	background: url('images/login_l.png') no-repeat left 0;
  	height: 38px;
	width: 45px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url('images/login_r.png') no-repeat left 0;
  	height: 38px;
	width: 45px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 38px;
  	background: url('images/login_m.png') repeat-x 0 0;
}

.tab ul.login li a {
           color:#6699ff;
}

.tab ul.login li a:hover {
       color: #77AACC;
}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-right: 30px !important;
	cursor: pointer;
	display: block;
	width: auto;
	position: relative;
	top: 9px;
}

.tab a.open {background: url('images/bt_open.png') no-repeat right 0;}
.tab a.close {background: url('images/bt_close.png') no-repeat right 0;}
.tab a:hover.open {background: url('images/bt_open.png') no-repeat right -19px;}
.tab a:hover.close {background: url('images/bt_close.png') no-repeat right -19px;}

/* sliding panel */
#toppanel {
    position:relative;
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 80px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

div#accueil_cadre{
    float:right;
    width:600px;
    background-color: #fff;
    background: #fff url('images/menu-h.png') repeat-x;
    margin: 0px 20px 40px 0px;
    border: 2px solid #e3e7ec;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;	
}

div#accueil_titre {
padding:10px;
text-align:center;
font-weight:bold;
font-size: medium;
color: #3366ff;
}

div#accueil_centre{
    float:right;
    width:600px;
    height:275px;
    padding-top:15px;
    margin: 0 20px 40px 0px;
    border: 2px solid #e3e7ec;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div#accueil_new{
    float:right;
    width:600px;
    padding-bottom:10px;
    margin: 0px 20px 40px 0px;
    border: 2px solid #e3e7ec;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;	
}

div#accueil_texte{
 float:left;
 width:400px;
 padding: 10px 10px 10px 20px;
}

div#recent{
margin-top:77px;
margin-right:60px;
float:right;
width:240px;
}

div#accueil_slide{
  margin-right:20px;
  float:left;
  width:310px;
  height:210px;
  padding: 2em 0em 2em 2em;

}


div#evene{
  float:right;
  padding: 2.2em 2.2em 0.8em 0.8em;
}

/********************
MENU GAUCHE
*********************/

#menu {
display:block;
        width:250px;
	margin-top:75px;
	margin-left:10px;
	margin-right:0px;
	float:left;
}

#sidebar {
	width:250px;
	background: url("images/sb2.jpg");
	background-repeat: left repeat-y;
}

#sidebartop {
	background: url("images/sb1.jpg");
	background-repeat: left top no-repeat;
	height:10px;
}

#sidebarbtm {
	background: url("images/sb3.jpg");
	background-repeat: left top no-repeat;
	height:9px;
}

#sidebar ul {
	list-style:none;
	font:bold 14px "Trebuchet MS", Verdana, sans-serif;
	margin-bottom:15px;
}

	
#sidebar li {
	display:block;
	height:36px;
	margin-bottom:2px;
}
	
#sidebar a, #sidebar a:visited {
	display:block;
	background: url("images/menu1.jpg");
	background-repeat: right top no-repeat;
	padding: 10px 10px 0 40px;
	height: 26px;
        color:#77AACC;
text-decoration:none;
	/*color:#999;*/
}

#sidebar a:hover {
	background: url("images/menu2.jpg");
	background-repeat: right top no-repeat;
	/*color:#333;*/
color:#6699ff;
}

#sidebar .active a{
	background: url("images/menu3.jpg") right top;
	background-repeat: right top no-repeat;
	color:#6699ff;
}


#sidebar .ttmenu {
	display:block;
	background-image: url("images/sidebarh2.jpg");
        background-repeat: no-repeat;
	height:40px;
	padding:15px 10px 0 50px;
	/*color: #186185;*/
	text-transform:uppercase;
	/*color:#014782;*/
        color: #006AC3;
	font:normal 18px "Trebuchet MS", Verdana, sans-serif;
}


/*****************
Page navigateurs
******************/

/*div {
   font-size: 1em;
}*/

img {
   border: 0;
}

a,
a:link
a:active {
   text-decoration: none;
   background-color: inherit;
}

a:visited {
   text-decoration: none;
   background-color: inherit;
   color:#6699ff;
}

a:hover {
   text-decoration: none;
   color: #77AACC;
}


/*****************
Ensemble page
*****************/

/* contenu globale*/
  div#pagewrapper {
  margin: 20px auto;
  max-width: 900px;
  min-width: 900px;
  background: #fff url("images/cms/contenu2.jpg");
  background-repeat: no-repeat;

}


/* header */
div#header {
   position:relative;
   height: 190px;
   background-image: url("images/cms/header.jpg");
   background-repeat: no-repeat;
}

div#header h1 a {
   display: block;
   height: 80px;
   text-indent: -999em;
   text-decoration:none;
}

div#search {
   float: right;
   width: 420px;
   heigth:40px;
   font-weight:bold;
   color:#006AC3;
   text-align: right;
   padding: 0.8em 0 55px 0;
   margin: 0 0em;
   background-image: url("images/rech.jpg");
   background-repeat: no-repeat;
}


#search input[type="submit"]
{
  border:0px solid #77AACC;
  background:#FFFFFF;
  color:#5588AA;
  margin:0px 75px 0px 0px;
}

#search input[type="text"]
{
  border:0px solid #77AACC;
  background:#FFFFFF;
  color:#5588AA;
}

#search input[type="image"]
{
  border:0px solid #77AACC;
  background:#FFFFFF;
  color:#5588AA;
  margin:0px 75px -3px 0px;
}


div#inconn{
  margin-left:0px;
  width:250px;
  font-weight:bold;
  color:#6699ff;
  text-align:center;
}

#comments a {
  color:#6699ff;
  text-decoration: none;
  margin-top:-20px;
  float:left;
  margin-left:75px;

}

#redac a{
  margin:0px;
}

div.breadcrumbs {
   padding: 1em 0 1.2em 0;
   font-size: 90%;
   color:#006AC3;
   margin: 0 1em;
   font-weight:bold;
}


div.breadcrumbs  a{
  text-decoration: none;
  color:#006AC3;
}

div.breadcrumbs span.lastitem {

}

div#content {
  background: url("images/cms/contenu.jpg");
  background-repeat: no-repeat;
  background-position:right bottom;
}

div#main{
  width:625px;
  float:right;
  margin-top:58px;
}

div#main_s{
  margin-top: 320px;
  margin-left:40px;
  width:725px;

}

div#footer {
   clear: both;
   height: 30px;
   width:900px;
   background-image: url("images/cms/footer.png");
   background-repeat: no-repeat;
   background-color: #CCCCCC;
}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;
   text-align: center;
   margin: 0;
}

div#footer p a {
   color: #77AACC;
}

div.hr {
   height: 1px;
   padding: 0.2em;
   border-top: 2px dotted #77AACC;
   margin: 0.2em;
}

div.left49 {
  float:right;
  margin:10px;
}

div.left48 {
  float:left;
  margin:10px;
}

div.right49 {
margin-left:440px;
}


/********************
CONTENT STYLING
*********************/
div#cont{
   border-left: 2px dotted #ccc;
   border-right: 2px dotted #ccc;
   width:596px;
}

div#p_com {
  float: right;
 /* padding:10px;*/
 /* margin-left:50px;
  margin-right:50px;*/
  margin-top:10px;
  width:600px;
  /*border: 2px dotted #77AACC;*/
}


div#t_com {
   margin-left:220px;
   margin-bottom:20px;
   margin-top:10px;
   background-image: url("images/cms/voscommentaires.png");
   background-repeat: no-repeat;
   height:21px;
}

div#cont_com{

  border: 2px dotted #afc2d4;
  background-color: #eef2f6;
  margin-right:35px;
  padding:5px;
  margin-top:30px;
  float:right;
  width:550px;
}

div#cont_com input[type="text"] {
width:200px;
}

div#cont_com input[name="m7submitcomment"] {
margin-left:230px;;
}

div#com_titre {

  text-align: center;
  padding-bottom:10px;
}

div#det_com {
    font-weight:bold;
    background-image: url("images/soulignement_h1.gif");
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 12px;
    padding-left: 5px;

}

div#comm {
 padding-top:10px;
 padding-left:10px;
 padding-right:25px;
 margin-top:-10px;
 margin-bottom:10px;
 border-left: 1px solid #0D55AE;
}

div#article textarea {
width:480px;
height:260px;
}

div#cont_a_c{
    margin-left:11px;
    width:598px;
}

div#cont_a{
    border-left: 2px dotted #77AACC;
    border-right: 2px dotted #77AACC;
    margin-left:10px;
    padding:10px;
    width:576px;
}




/***vote***/
div#rtFeedback
{
  margin-top:-15px;
  width:250px;
}

div#rtWrapper
{
  margin-top:5px;
  margin-right:12px;
}


/* HEADINGS */
div#content h1 {
   font-size: 2em; /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h5 {
	/*margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #83BFFB;
	letter-spacing: -1px;
	font-size: 32px;
	margin-bottom: 20px;
	padding-bottom: 5px;*/

}

div#bash4_new{

background: url("images/2a.png")  no-repeat;
height:30px;
width:600px;
padding-left:15px;
margin-left:10px;
padding-top:5px;
}

div#newlien {
padding-bottom:15px;
padding-left:15px;
float:left;
}

div#newlien a{
text-decoration: none;
}
div#retour{
float:left;
padding-top:5px;
margin-left:60px;
}


div#bash4_com{

background: url("images/2a.png")  no-repeat;
height:30px;
width:600px;
padding-left:15px;
margin-left:10px;

}

div#bash4{

background: url("images/2.png")  no-repeat;
height:30px;
width:600px;
padding-left:15px;
margin-left:10px;
margin-bottom:20px;
}




div#content h5 {
 margin-bottom: -13px;
  margin-left:10px;
  color:#f4f4f4;
  text-transform: uppercase;
  padding-left:29px;
  padding-top: 14px;
  font-size: 1.5em;
  height:30px;
  width:600px;
  background: url("images/1.png")  no-repeat;
  display:block;
  text-decoration:none;
  font-variant:normal;
  font-family:Arial, 'Times New Roman', Times, serif;
}

h6 {
   padding-top:25px;
   margin-left:50px;
   color: #294B5F;
   font-size: 1em;
   line-height: 1.3em;

}


div#haut_s {
background: url("images/cms/spl/header.jpg")  no-repeat;
height:230px;
width:820px;

}

div#cont_a_s{
    background: url("images/cms/spl/bg.jpg") repeat-y;
    width:820px;
    margin-right:40px;
    padding:20px 0px 40px 50px;
}

div#cont_a_s_t{
    width:740px;
}

div#adrr_s{
    margin-right:50px;
    margin-top:30px;
    margin-left:50px;
}

div#obj_s{
    margin-top:30px;
    margin-left:50px;
}



div#bash4_s{

background: url("images/cms/spl/footer.jpg")  no-repeat;
height:80px;
width:820px;
}



/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0; /* some air around p elements */
   line-height: 1.4em;
   padding: 0;
  /* font-weight: bold;
   color: #77AACC;*/
   color: #428FCE;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;


}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {

   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* END LISTS */

input,textarea,select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
border:1px solid #77AACC;
background:#FFFFFF;
color:#5588AA;
margin:5px 5px auto;
}
/* End of 'Layout: Left sidebar + 1 column' */