@charset "utf-8";

.twoColFixLtHdr #container {
	width: 885px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixLtHdr #header {
text-align:right;
}
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 330px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin:0 ;
padding:0;
	/*padding: 15px 10px 15px 20px;*/
}
.twoColFixLtHdr #mainContent {
	margin: 0 0 0 330px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 00px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
# body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
 margin:0;
padding:0;
 } 

/* interieur colonne gauche */
#div_module_gauche

{
width:261px;
height:264px;
padding: 0 20px;
}

#div_entete_mg {
background-image:url(../images/entete_module_gauche.png);
background-repeat:no-repeat;
width:261px;
height:42px;
}

#div_contenu_mg {
background-image:url(../images/contenu_module_gauche.png);
background-repeat:no-repeat;
width:261px;
height:222px;
}

/* interieur colonne droite */
#div_navigation {
width:550px;
height:127px;
margin:0;
}

/* ie 6 */
* html div#div_autremenus
{
float:left;
margin:10px 0px 00px 20px ;
font: 13px Arial, Verdana, sans-serif;

font-variant:small-caps;
}

#div_autremenus
{
float:left;
margin:6px 0px 00px 30px ;
font: 13px Arial, Verdana, sans-serif;

font-variant:small-caps;
}



#div_menucarres
{
float:right;
margin:10px 0px 00px 5px ;
}

/* ie 6 */
* html div#div_contenu_droite
{
width:550px;
margin: 0px 0px 00px 0px ;
padding: 0 0px;
float:right;
text-align:right;
}

#div_contenu_droite
{
width:550px;
margin:0 ;
padding-left:30px;
}

/* ie 6 */
* html div#div_entete_cd {
background-image:url(../images/haut_contenu.gif);
background-repeat:no-repeat;
width:525px;
height:86px;
margin:3px 0px 0 0;
text-align:left;
}


#div_entete_cd {
background-image:url(../images/haut_contenu.png);
background-repeat:no-repeat;
width:525px;
height:86px;
margin:3px 2px 0 0;

}

/* gestion des textes */
.titre_module {
font: 13px Arial, Verdana, sans-serif;
color:#FFFFFF;
display:block;
top:14px;
left:30px;
position:relative;
font-weight:bold;
}

.texte_bandeaunoir {
font: 10px Arial, Verdana,  sans-serif;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;

}
.nomdusite {color: #EF6280;}

.autremenus_txt {
font: 13px Arial, Verdana, sans-serif;

font-variant:small-caps;
}


.contenu_txt {
font: 12px Arial, Verdana, sans-serif;
color:#000;
display:block;
top:28px;
left:60px;
width: 410px;
height:100%;
line-height: 1.5em;
padding-bottom:1.5em;
position:relative;


}



.copyright {
font: 10px Arial, Verdana, sans-serif;
color:#000;
text-align:right;
/*font-variant:small-caps;
letter-spacing:0.05em;*/
}

/*Example CSS for demo ticker*/

#ajaxticker1{
width: 200px;
height: 300px;
border: 0px;
padding-left: 30px;
padding-top: 15px;
color:#FFFFFF;
font : 0.718em Arial, sans-serif;

line-height: 17px;
padding-bottom:1.4em;


}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/

}
/*class to apply to your scroller(s) if desired*/
.someclass{ 
}

#ajaxticker1 a
{
color:#CCCCCC;
text-decoration:none;
/*font-weight:bold;*/
text-transform: uppercase;
font-size:11px;
line-height: 1.4em;
padding-bottom:1.4em;
}

#ajaxticker1 a:hover
{
color:#fff;
text-decoration:none;
/*font-weight:bold;*/
text-transform: uppercase;
font-size:11px;

}



.lien_real {
text-transform:uppercase; 
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height: 13px;
position:relative;
left:6px;
top:-6px;

}

/* gestion des puces */

/* ie 6 */
* html li {
   list-style-image: url(../images/puce_off.png);
   list-style-position:outside;
   vertical-align:bottom;
	 font: 12px Arial, Verdana, sans-serif ;
	 margin : 0.75em;


   }

ul {

line-height: 0.75em;
}

li {
   list-style-image: url(../images/puce_off.png);
   list-style-position: outside;
   font: 0.98em Arial, Verdana, sans-serif;
   margin :0.75em;
   padding-bottom: 0.75em;
   

   

   }
   
# p {
 font-size:1em;
 margin-top: 1.5em;
 margin-bottom: 1.5em;
 }

/* gestion des lien */


a.actif2
{
color:#FFF;
background-color:#333333;
text-decoration:none;
}


a.autremenus
{
color:#CD0058;
text-decoration:none;
}
a.autremenus:hover
{
color:#FFF;
text-decoration:none;
}


a
{
color:#444444;
text-decoration:none;
}


#div_contenu_cd a
{
text-decoration:none;
}
#div_contenu_cd a:hover
{
color:#FFF;
background-color:#283F47;
text-decoration:none;
}


#div_contenu_cd a.sous_menu_actif_defaut:hover
{

font-weight:normal;
}

/* lien bandeau noir */
a.bandonoir
{
color:#FFF;
text-decoration:none;
}
a.bandonoir:hover
{
color:#EF6280;
text-decoration:none;
}



a.actif
{
color:#EF6280;
text-decoration:none;
}




a.sous_menu_actif
{
color:#FFF;
text-decoration:none;
font-weight:bold;

}

a.sous_menu_actif:link
{
color:#FFF;
text-decoration:none;
font-weight:bold;

}



a.copyright
{
color:#FFF;
text-decoration:none;
}
a.copyright:hover
{
color:#EF6280;
text-decoration:none;
background-color: #000;
}
a.copyright:link
{
color:#EF6280;
text-decoration:none;
}



fieldset { border:0;margin:0;padding:0; }
	label { display:block; }
	input.text,textarea { width:300px;font:12px arial,monospace;
	color:#333;
	padding:3px;
	margin:1px 0;
	border:1px solid #ccc; }
	
	input.submit { padding:2px 5px;
	font: bold 12px arial, verdana, sans-serif;
	 color:#fff; 
	 background-color:#000000;
	  border:0px;
	  text-transform:uppercase;
	   }
	

	
	



.toggler {
	color:#FFFFFF;
	margin: 0;
	padding: 2px 6px;
	background-color:#171E22;
	font-size: 11px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
}


 
.element {
 color:#FFFFFF;
 background-color:#333333;
}
 
.element p {
	margin: 0;
	padding: 6px;
	color:#FFFFFF;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
font-style:italic;
	padding:5px 0 5px 30px;
}



/* rendons notre barre de nav un peu plus belle*/
#barre_navigation {
padding: 0 ;
margin : 0;
}
#barre_navigation h4{
padding: 4px 12px ;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
color: #FFF;
background: #171E22;
margin : 0 0 1px 0 ;
}
#barre_navigation a{
text-decoration : none;
}

#barre_navigation ul li a:hover {
text-decoration: none;
color: #FFF;
background-color: #000;
}
	

.info {
font-size:11px;
color:#003333;
float:right;
padding-right:60px;
}