@import url(../../../css/style.css);
@import url(../../../css/nav.css);
@import url(../../../css/menu.css);

h2{
	font-stretch: ultra-condensed;
	color: #346771;
	padding-bottom:0;
}
h2 span{ padding-left:20px;}
h3{
	color: #52929E;
}
h5{
	font-weight:bold;
	font-style:normal;
}
a{
	text-decoration: underline;
	color: #899154;
}
a:hover{
	text-decoration: none;
	/*color: #BD3<sup>e</sup>0C;*/
}
/* Font */
.titreMaj{ font-size:1em;}
.espacementSousTitre{ margin-top:30px;}

#header{
	background: url(../images/fra_bckg_header.jpg) bottom right no-repeat;
	border: 0;
	height:103px;
}
#content{ width: 556px; }
#content ul, td ul{ list-style-image: url(../images/bullet.jpg); }
div#linklist ul{
	background: url(../images/btn_linklist_bckg_btm.gif) bottom right no-repeat;
	border-top: 1px solid #027692;
}
div#linklist ul li{ background: none; }
div#linklist ul li a{
	background: url(../images/btn_linklist_bckg_up.gif) bottom right no-repeat;
color: #1B3443;

}

div#linklist ul li a.focus{background: #CFDBDD none; }
div#linklist ul li a.home{ background: url(../images/btn_linklist_bckg_home.gif) bottom right no-repeat; color:#FFFFFF; }
div#linklist ul li a.special{ background: url(../images/btn_linklist_bckg_spec.gif) bottom right no-repeat; color:#FFFFFF; }
div#linklist ul li a.head{ background: url(../images/btn_linklist_bckg_head.gif) bottom right no-repeat; }
div#linklist ul li a:hover{ background: url(../images/btn_linklist_bckg_rl.gif) bottom right no-repeat; }
div#linklist ul ul{
	background: #FFFFFF url(../images/btn_linklist_bckg_sub.gif) bottom right no-repeat;
	border: 1px solid #4D4735;
}
div#linklist ul ul li a:hover{ background: #CFDBDD none; }
div#linklist li:hover{ background: #C9CFD2; }
table.list{
	width: 100%;
	border: 1px solid #81878A;
}
table.list ul{
	margin: 0;
	padding: 0 0 0 20px;
}
table.list th{
	background: #C9CFD2;
	border-bottom: 1px solid #FFFFFF;
	border-right: 0;
	color: #1B3443;
	text-align: left;
	vertical-align: top;
}
table.list td, table.list th{ padding: 3px; }
table.list td{
	border-right: 0;
	color: #1B3443;
	vertical-align: top;
}
table.list td.thead, table.list tr.thead td{
	background: #45484A;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
}

div.msgIta{ padding:5px 25px 5px 25px; background-color:#F6F2EB; }

.tableHr{ width:100%;}
.tableHr td{ padding:3px;}

tr.hr, table.list tr.hr{ background: #30BADC; color:#FFFFFF; text-align:center; padding:3px;}
tr.row1{ background: #FFF; border:none none none none; }
tr.row2{ background: #E7E7D4; border:none none none none; }

tr.hr td{ border:none; }
tr.row1 td{ border:none; border-bottom:solid thin #FFFFFF; border-top:solid thin #FFFFFF; border-width:1px; }
tr.row2 td{ border:none; }

div div.boiteVerte{
	padding:5px;
	margin-top:30px;
	border: 1px solid #4F8D97;
	/*background bleu */
	/*background-color:#6CBACF;*//*VERT-JAUNE #F1E736;*/
	
}
/*titre bleu*/
/*.boiteVerte h3{
	color:#000000;
}*/
#content .titreVoies {
	font-size:1.4em;
	color: #346771;
	padding-bottom:0;
	/*padding-left:35px;*/
	margin-left:0px;
	font-weight:bold;
	/*padding-top:10px;*/
}
.titreTab{
	font-stretch: ultra-condensed;
	color: #346771;
	padding-bottom:0;
}
/***** TEST *****/

.supGauche
{
width:100%;
height:100%;
color:#ffffff;
background-image:url('../images/supGauche.gif');
background-repeat : no-repeat;
background-position : top left;
}
.supDroit
{
background-image:url('../images/supDroit.gif');
background-repeat : no-repeat;
background-position : top right;
}
.infGauche
{
background-image:url('../images/infGauche.gif');
background-repeat : no-repeat;
background-position : bottom left;
}
.infDroit
{
background-image:url('../images/infDroit.gif');
background-repeat : no-repeat;
background-position : bottom right;
padding : 3% 3% 3% 3%;


}
.contenuBox{
	width:100%;
	height:100%;
	background-color:#4F8D97;
}
/* TEST 2*/
.coinsRonds{
	width:556px;/*540 */
	/*margin:auto;*/
	background:#4F8D97 url('../images/fond_coins_ronds.gif') no-repeat bottom center;
	/*padding:8px;*/
	padding:0 0 5px 0;
}

.coinsRonds h3{
	background:#4F8D97 url('../images/fond_coins_ronds.gif') no-repeat top center;
	color:#000000;
	margin:0;
	padding:10px 0 0 10px;
	
}
#content .coinsRonds  p, .coinsRonds a, .coinsRonds ul, .coinsRonds ol{
	padding:0 10px 0 10px;
}
#content .coinsRonds p{
	margin-top:0px;
	padding-bottom:15px;
}
/* couleurs de tableau */
td.cell1{
	background-color:#FAF7F4;
}
td.cell2{
	background-color:#E2DED9;
}
tr.hr .tabLigneVert{
	border-left:solid 1px #FFFFFF;
	padding: 5px 0px;
	font-size:0.8em;
}
.donneesTabGras td{
	font-weight:bold;
	text-align:center;
	padding: 12px 2px;
}
.donneesTab td{
	text-align:center;
	padding: 12px 2px;
}

.espacementPuce li{
	margin:5px 0;
}
.tableauLarge{
	/*width:800px;*/
	float:left;
}

/* Post-it  petit*/
.petitPostIt{
	width:300px;
	height:300px;
	float:right;
	padding:10px 0px 3px 15px;;
	background:url(../images/postit_petit.gif) no-repeat;
	background-position:center top;
}

* html .petitPostIt{ padding-top:20px;}
.petitPostIt p{
	width:200px;
	margin-left: 20px;
	padding-top:10px;
}

/* Post-it  moyen*/
.moyenPostIt{
	width:350px;
	height:350px;
	float:right;
	padding:10px 0px 3px 15px;;
	background:url(../images/postitmoyen.gif) no-repeat;
	background-position:center top;
}

* html .moyenPostIt{ padding-top:20px;}
.moyenPostIt p{
	width:250px;
	margin-left: 20px;
	padding-top:10px;
}
/* Post-it  grand*/
.grandPostIt{
	width:380px;
	height:380px;
	float:right;
	padding:10px 0px 3px 15px;;
	background:url(../images/postitgrand.gif) no-repeat;
	background-position:center top;
}

* html .grandPostIt{ padding-top:20px;}
.grandPostIt p{
	width:280px;
	margin-left: 20px;
	padding-top:10px;
}
/* fond avec une bulle bleue - petite, moyen, grande*/
.bulleBleuePetite{
	background:url(../images/fondBullePetite.gif) no-repeat;
	height:75px;
	background-position:top center;
	padding:25px 3px 5px 3px;

}
.bulleBleuePetite p{
	width:520px;
	margin:auto;
}
.bulleBleue{
	background:url(../images/fondBulle.gif) no-repeat;
	height:148px;
	padding:25px 3px 5px 3px;
	background-position:top center;
}
.bulleBleue p{
	width:450px;
	margin:auto;
}
.bulleBleueGrande{
	background:url(../images/fondBulleGrand.gif) no-repeat;
	padding:5px 3px 5px 3px;
	background-position:top center;
	height:548px;
}
.bulleBleueGrande p, .bulleBleueGrande ul, .bulleBleueGrande h3{
	margin:auto;
	width:450px;
	padding-top:0px;
	margin-top:0px;
}
*|html .bulleBleueGrande p, *|html .bulleBleueGrande ul, *|html .bulleBleueGrande h3{
	margin:auto;
	width:450px;
	padding-top:10px;
	margin-top:0px;
}

.rubanCote p{
	width:300px;
	margin:inherit;
	float:right;
	margin-right:20px;
	padding-top:30px;
}
.rubanCote img{
	float:left;
	margin-left:20px;
	padding-top:30px;
}

/* * html .bulleBleueGrande { padding-top:20px;}*/

#content .cadre{height:550px;}
* html #content .bulleBleueGrande p{
	padding-top:0px;
}
#content .cadre h3 {
	padding-top:20px;
	margin-top:0px;
}
/* centrer */
.bulleBleueGrande .textEncadreCentre{		
	padding-top:20px;
	margin-top:0px;
}
*|html .bulleBleueGrande .textEncadreCentre{		
	padding-top:35px;
	margin-top:0px;
}

/* tests */
div#linklist ul li.couleurSousCat {
	background-image:none;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DCE1EB none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
}
* html .rubanCote p{
	width:300px;
	margin:inherit;
	float:right;
	margin-right:20px;
	padding-top:5px;
}

* html .rubanCote img{
	float:left;
	margin-left:20px;
	padding-top:0px;
}

.box{
	border: 1px solid #283B76;
	padding:10px;
	background-color:#E7EAF3;
	margin-top:15px;;
	margin-left:15px;
	width:235px;
	float:right;
}