/* CSS Document */

html,body{
	background-color: #DDDDCC;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#page{
width:950px;
border-left:1px solid #C0C0B3;
border-right:1px solid #C0C0B3;
border-bottom:1px solid #C0C0B3;
background:white;
text-align:left;

}
#header{
width:948px;
background:#FFFFFF url(../img/bandeau.jpg) no-repeat top left;
height:100px;
margin-left:1px;
}
#extranet_box{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
margin-top:0;
border-left:1px solid #5E96D4;
border-bottom:1px solid #5E96D4;
float:right;
width:383px;
background:url(../img/fond_extranet.gif) repeat-x top left;
}

.nav
{
text-align:center;
}

.nav A{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
font-size:12px;
margin-right:10px;
margin-left:10px;
}
.nav A:hover{
color:#F4C01A;
}

#nav{
margin:0;
padding:0;
}
#nav ul{
list-style-type: none;
margin-right:
}
#nav ul li{
display:inline;

}
#nav ul li a{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
font-size:12px;
margin-right:15px;
margin-left:15px;

}
#navcontainer
{
/*margin-bottom: 1em;
overflow: hidden;*/
width: 948px;
height: 24px;
background:#F4C01A;
margin-left:1px;
}



#navlist
{
list-style-type: none;
margin: 0;
padding: 0;

}
#navlist li {
float: left;
}
#navlist A{
/*border-right: 1px solid #000;*/
color:#144A92;
font-size:12px;
font-weight:bold;
margin: 0 .5em 0 .5em;
padding: .5em .5em 0 .5em;
}

#navcontainer A:hover
{
color:#FFFFF;
}

#navcontainer .current A
{
text-decoration:underline;
}

#navcontainer .normal A
{
text-decoration:none;
}

#flash{
margin-bottom:10px;
background:url(../img/fake_flash.jpg) no-repeat left top;
height:314px;
}
#clr{
clear:both;
}
.pave{
width:225px;
height:211px;
overflow:hidden;
background:url(../img/fond_pave.gif) no-repeat left bottom;
margin-left:8px;
margin-bottom:7px;
float:left;
}

.pave1{
width:225px;
height:211px;
overflow:hidden;
background:url(../img/fond_pave.gif) no-repeat left bottom;
margin-left:13px;
margin-bottom:7px;
float:left;
}

.pave h2{
background:url(../img/titre_pave.gif) no-repeat left top;
color:#F4C01A;
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
height:28px;
padding-left:10px;
padding-top:7px;
}

.pave1 h2{
background:url(../img/titre_pave.gif) no-repeat left top;
color:#F4C01A;
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
height:28px;
padding-left:10px;
padding-top:7px;
}






.contenupave{
color:#000000;
text-align:justify;
margin:5px;
font-size:11px;
}
.contenupave img{
margin:0 5px 0px 0px;
border:1px solid #CACABA;
}
.contenupave a{
color:#0A4F97;
text-decoration: none;
}
.contenupave a:hover{
text-decoration: underline;
}
#contenu_niv2{
width:948px;
background:url(../img/fond_niv2.gif) repeat-y left top;
padding-bottom:15px;
}
#col_gauche{
/*width:705px;
background:#FFFFFF url(../img/fond_colgauche.gif) repeat-x left top;
float:left;*/
padding-left:5px;
padding-right:5px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
}

#col_gauche h1{
color:#164D94;
border-bottom:1px solid #164D94;
display:block;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


#col_gauche h2{
	color:#115EAB;
	display:block;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#col_gauche h3{
color:#F4C01A;
display:block;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}



#col_gauche p{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
}
#col_gauche #block{
}
#col_droite{
width:100%;
/*background:#F0F0E8 url(../img/fond_coldroite.gif) repeat-x left top;
float:left;*/
margin:0;
padding:0;
}
/*******************************************/
/* set millions of background images */
#col_droite .rbroundbox { background: url(../img/droite_nt.gif) repeat; }
#col_droite .rbtop div { background: url(../img/droite_tl.gif) no-repeat top left; }
#col_droite .rbtop { background: url(../img/droite_tr.gif) no-repeat top right; }
#col_droite .rbbot div { background: url(../img/droite_bl.gif) no-repeat bottom left; }
#col_droite .rbbot { background: url(../img/droite_br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
#col_droite .rbtop div,#col_droite .rbtop, #col_droite .rbbot div,#col_droite .rbbot {
width: 220px;
height: 7px;
font-size: 11px;
}
#col_droite .rbcontent { 
margin: 0 7px;
width:200px; 
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
}
#col_droite .rbcontent .titre{ 
color:#0A4F97;
font-size:12px;
font-weight:bold;
margin:0;
paddig:0;
display:block;
}
#col_droite .rbroundbox { width: 220px; margin: 1em auto; }
/****************************************************/
/* set millions of background images */
#col_gauche .rbroundbox { background: url(../img/nt.gif) repeat; }
#col_gauche .rbtop div { background: url(../img/tl.gif) no-repeat top left; }
#col_gauche .rbtop { background: url(../img/tr.gif) no-repeat top right; }
#col_gauche .rbbot div { background: url(../img/bl.gif) no-repeat bottom left; }
#col_gauche .rbbot { background: url(../img/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
#col_gauche .rbtop div,#col_gauche .rbtop, #col_gauche .rbbot div,#col_gauche .rbbot {
width: 650px;
height: 7px;
font-size: 11px;
}
#col_gauche .rbcontent { 
margin: 0 7px;
width:620px; 
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
}

#col_gauche .rbroundbox { width: 650px; margin: 1em auto; }
/****************************************************/

.couleur_droite{
background-color:#F0F0E8;
}
.top_gauche{
background:#FFFFFF url(../img/fond_colgauche.gif) repeat-x top left;
}
.top_droite{
background:#F0F0E8 url(../img/fond_coldroite.gif) repeat-x top left;
}


.input_extranet
{
	border: 1px solid #4974A4;
	font-size: 11px;
	background-color: #E4ECF3;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:1px;

	
}

#col_gauche A
{
color:#164D94;
}

#col_gauche A:hover
{
color:#DAA520;
}


.bouton
{

	BORDER-RIGHT: #103c68 1px solid; 
	BORDER-TOP: #819fbe 1px solid; 
	BORDER-LEFT: #819fbe 1px solid; 
	CURSOR: pointer; COLOR: #ffffff; 
	BORDER-BOTTOM: #103c68 2px solid; 
	BACKGROUND-COLOR: #3D5FA3;
	FONT-WEIGHT: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

.field
{
	font-size:11px;
	border: 1px solid #3D5FA3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}