/* Homepage ************************************************************************************************************************************/


/*--------------- DEBUG 
#contenu{
	background-color: #DDDDDD;
}
#menu{
	background-color: blue;	
}
#repere{
	background-color: green;
}
#nav{
	background-color: red;
}
#navinterne{
	background-color: yellow;
}
#foot{
	background-color: pink;
}
*/

/* Structure de la page */
#contenu{
	width: 570px;
	float: left;
	text-align: left;
	/*background-color: yellow;*/
}
#colonnegauche{
	float: left;
	height: 100%;	
}
#leftpart{
	width: 460px;
	float: left;
}
#rightpart{
	width: 270px;
	float: left;
}
/* Style typographique */
p, li{
	font: normal 12px Arial, Verdana, sans-serif;
	text-align: justify;
}
.intertitre1{
	font: bold 14px Arial, Verdana, sans-serif;		
	color: #666666;
	border-bottom: dotted 1px #999999;
	margin: 40px 10px 20px 10px;
}
.intertitre1 a{		
	color: #666666;
	text-decoration: none;
}
.intertitre2{
	font: bold 12px Verdana, Arial, sans-serif;		
	color: #666666;
	border-bottom: dotted 1px #999999;
	margin: 30px 10px 15px 10px;
}
.intertitre2 a{		
	color: #666666;
	text-decoration: none;
}

/* Left part **********************************************************/

/* intro */
#intro p{
	font: normal 11px Arial, Verdana, sans-serif;
	color: #007C8F;
}
#intro{
	width: 460px;
	margin: 5px 5px 0px 5px;
}
#intro u{
	display: block;
	font: normal 10px Arial, Verdana, sans-serif;
}
/* Right part *********************************************************/

/* Commun tous types ***************************/
.titretype{
	display: inline;
}
.titretype a{
	font: bold 16px Verdana, Arial, sans-serif;
}
#menu .elt img{
	display: block;
	float: left;
	margin: 5px 0px 15px 3px;
}
#menu .titretype{
	float: left;
	display: block;
	font: bold 11px Arial, Tahoma, sans-serif;
	cursor: pointer;
	cursor: hand;
}
.description{
	margin: 10px 0px 10px 0px;
	font: normal 12px Verdana, Arial, sans-serif;
	color: #333333;
}	
.titretype .picto{
}
#fiches .capcenter .center .margeinterne, #publications .capcenter .center .margeinterne, #rapporttechnique .capcenter .center .margeinterne, #dessins .capcenter .center .margeinterne, #rivric .capcenter .center .margeinterne{
	margin: 4px 10px 10px 10px;
}
#fiches, #publications, #rapporttechnique, #dessins, #rivric{
	margin: 0px 0px 5px 0px;
}
/* fiches **************************************/

#fiches .titretype a, #menu #fichesmenu a, #repere.fiches a{
	color: #3FA12B;
}

.colorcodex{
	color: #3FA12B;
}
/* Style capsule */
#fiches .captop .center{
	width: 562px;
}
#fiches .capbottom{
	width: 570px;
}
#fiches .captop{
	width: 570px;
}
#fiches .capbottom .center{
	width: 562px;
}
#fiches .capcenter{
	width: 570px;
	height: 150px;
}
#fiches .capcenter .center{
	width: 562px;
	height: 150px;
}
#fiches .capcenter .left{
	height: 150px;	
}
#fiches .capcenter .right{
	height: 150px;
}

/* publications ********************************/

#publications .titretype a, #menu #publicationsmenu .titretype, #repere.publications a{
	color: #3C5CCE;
}
.colorpublication{
	color: #3C5CCE;
}

/* Style capsule */
#publications .captop .center{
	width: 562px;
}
#publications .capbottom{
	width: 570px;
}
#publications .captop{
	width: 570px;
}
#publications .capbottom .center{
	width: 562px;
}
#publications .capcenter{
	width: 570px;
	height: 110px;
}
#publications .capcenter .center{
	width: 562px;
	height: 110px;
}
#publications .capcenter .left{
	height: 110px;	
}
#publications .capcenter .right{
	height: 110px;
}

/* rapporttechnique *****************************/

#rapporttechnique .titretype a, #menu #rapporttechniquemenu .titretype, #repere.rapporttechnique a{
	color: #D43E24;
}
.colorrapporttechnique{
	color: #D43E24;
}
/* Style capsule */
#rapporttechnique .captop .center{
	width: 562px;
}
#rapporttechnique .capbottom{
	width: 570px;
}
#rapporttechnique .captop{
	width: 570px;
}
#rapporttechnique .capbottom .center{
	width: 562px;
}
#rapporttechnique .capcenter{
	width: 570px;
	height: 150px;
}
#rapporttechnique .capcenter .center{
	width: 562px;
	height: 150px;
}
#rapporttechnique .capcenter .left{
	height: 150px;	
}
#rapporttechnique .capcenter .right{
	height: 150px;
}

/* dessins *****************************/
#dessins .titretype a, #menu #dessinsmenu .titretype{
	color: #D0C923;
}
/* Style capsule */
#dessins .captop .center{
	width: 562px;
}
#dessins .capbottom{
	width: 570px;
}
#dessins .captop{
	width: 570px;
}
#dessins .capbottom .center{
	width: 562px;
}
#dessins .capcenter{
	width: 570px;
	height: 50px;
}
#dessins .capcenter .center{
	width: 562px;
	height: 50px;
}
#dessins .capcenter .left{
	height: 50px;	
}
#dessins .capcenter .right{
	height: 50px;
}

/* rivric *****************************/
#rivric .titretype a, #menu #rivricmenu .titretype{
	color: #E78834;
}
/* Style capsule */
#rivric .captop .center{
	width: 562px;
}
#rivric .capbottom{
	width: 570px;
}
#rivric .captop{
	width: 570px;
}
#rivric .capbottom .center{
	width: 562px;
}
#rivric .capcenter{
	width: 570px;
	height: 50px;
}
#rivric .capcenter .center{
	width: 562px;
	height: 50px;
}
#rivric .capcenter .left{
	height: 50px;	
}
#rivric .capcenter .right{
	height: 50px;
}

/* Style de chaque boite ********************************************/

/* [[ a verifier ]] */

/* Capsule top */
.captop{
	clear: both;
	height: 4px;
}
.captop .center{
	height: 3px;
	float: left;
	border-bottom: solid 1px #E5E5E5;
}
/* Capsule bottom */
.capbottom{
	clear: both;
	height: 4px;
}
.capbottom .center{
	height: 3px;
	float: left;
	border-top: solid 1px #E5E5E5;
}
/* Commun capsule top et bottom */
.captop .left, .capbottom .left, .captop .right, .capbottom .right{
	width: 4px;
	height: 4px;
	float: left;	
}
/* Capsule center */
.capcenter{
	clear: both;
}
.capcenter .center{
    background-repeat: repeat-x;
	float: left;
}
.capcenter .left{
	width: 3px;
	border-right: solid 1px #E5E5E5; 
	float: left;	
}
.capcenter .right{
	width: 3px;
	border-left: solid 1px #E5E5E5;
	float: left;
}
/* Head ****************************************************************************************************************************************/

#menu{
	margin-top: 2px;	
}
#repere{
	margin: 3px 2px 3px 2px;
	border: solid 1px #FFFFFF;
}
#repere .titretype{
	float: left;
	width: 289px;
	text-align: center;
}
#repere .traitdegrad{
	float: left;
	width: 475px;
	height: 25px;
}

#repere .titretype a{
	font-size: 75%;
	margin-left: 30px;
}
#repere #maj{
	font: normal 10px Verdana, Arial, sans-serif;
}

/* Style capsule */
#menu .captop .center{
	width: 192px;
}
#menu .capbottom{
	width: 200px;
}
#menu .captop{
	width: 200px;
}
#menu .capbottom .center{
	width: 192px;
}
#menu .capcenter{
	width: 200px;
	height: 300px;
}
#menu .capcenter .center{
	width: 192px;
	height: 300px;
	background: #FFFFFF url(img/menu_fd.gif);
}
#menu .capcenter .left{
	height: 300px;	
}
#menu .capcenter .right{
	height: 300px;
}
/* Style interne*/
#menu #fichesmenu, #menu #publicationsmenu, #menu #rapporttechniquemenu, #menu #dessinsmenu{
	margin-left: 4px;
}
#menu .titretype{
	margin-top: 10px;
	margin-left: 4px;
}
/* bandeau *********************************************************/

#bandeau{
	margin-left: 8px;
	width: 780px;
}

/* nav *************************************************************/

#nav{
	width: 778px;
}

#carres{
	width: 90px;
	float: right;
	font: normal 2px/2px Arial;
}
html>body #carres{
	margin-top: 2px;
}
#carres div.carre{
	margin-left: 4px;
	width: 10px;
	height: 10px;
	float: left;
}
#carres a{
	overflow: hidden;
	width: 10px;
	height: 10px;
}
#carrefiche{
	background-color: #3FA12B;
}
#carrepublication{
	background-color: #3C5CCE;
}
#carrerapporttechnique{
	background-color: #D43E24;
}
#carredessin{
	background-color: #D0C923;
}
#carrerivric{
	background-color: #E78834;
}

/* Style capsule */
#nav .captop .center{
	width: 770px;
}
#nav .capbottom{
	width: 778px;
}
#nav .captop{
	width: 778px;
}
#nav .capbottom .center{
	width: 770px;
}
#nav .capcenter{
	width: 778px;
	height: 15px;
}
#nav .capcenter .center{
	width: 770px;
	height: 15px;
	background: #FFFFFF url(img/nav_fd.gif);
}
#nav .capcenter .left{
	height: 15px;	
}
#nav .capcenter .right{
	height: 15px;
}
/* Style interne */
#nav .capcenter .center a{
	display: block;
	float: left;
	height: 15px;
	text-align: center;
	padding-left: 14px;
	padding-right: 14px;
	font: bold 9px Verdana, sans-serif;
	letter-spacing: 0.05em;
	color: #666666;	
    text-decoration: none;
	cursor: hand;
}
#nav .capcenter .center a:hover{
	background: #FFFFFF;
}

/* box *************************************************************/

#box{
	width: 200px;
	margin: 2px 0px 0px 0px;
}
/* Style capsule */
#box .captop .center{
	width: 192px;
}
#box .capbottom{
	width: 200px;
}
#box .captop{
	width: 200px;
}
#box .capbottom .center{
	width: 192px;
}
#box .capcenter{
	width: 200px;
	height: 100px;
}
#box .capcenter .center{
	width: 192px;
	height: 100px;
	background: #FFFFFF url(img/box_fd.gif);
}
#box .capcenter .left{
	height: 100px;	
}
#box .capcenter .right{
	height: 100px;
}
/* Style interne */
#box .elt{
	width: 100%;
	height: 26px;
	margin-top: 4px;
	vetical-align: middle;
}

#box .elt .libelle{
	float: left;
	vertical-align: middle;
	text-align: left;
}

#box .elt .libelle a{
	font: bold 10px Verdana, sans-serif;
	color: #666666;	
    text-decoration: none;
}

#box .elt .picto{
	text-align: center;
	width: 40px;
	float: left;
	margin-left: 2px;
	margin-right: 3px;
}

#box .elt .souslibelle a{
	display: inline;
	font-weight: normal;
}
#chglang{
	position: absolute;
	top: 8px;
	left: 650px;
}

#chglang .langue{
	display: inline;
	margin: 7px;
}

#chglang .langue a{
	font: bold 10px Verdana, Arial, sans-serif;
	color: #999999;
	text-decoration: none;
}

#chglang .langue a:hover{
	text-decoration: underline;
}

/* navinterne ******************************************************/
#navinterne{
	margin: 10px;
}
#navinterne div{
	float: left;
	width: 50%;
	text-align: center;
}
#navinterne div a{
	font: bold 12px Arial, Verdana, sans-serif;
}

/* Extractions ***********************/

.capstype{
	float: left;
	width: 192px;
}

.capsextraction{
	float: left;
	width: 350px;
}

/* Fiches */
#fiches .elt{
	border: solid 1px white;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;	
}
#fiches .titre A{
	font: normal 10px Verdana, Arial, Tahoma, sans-serif; color:#333333;
	text-decoration: none;
	border: none;
}
#fiches .titre A:hover{
	font: normal 10px Verdana, Arial, Tahoma, sans-serif; color:#000000;
	text-decoration: underline;
}
#fiches .code{
	color:#3FA12B;
	width: 40px;
	text-align: center;
	float: left;
}
#fiches .code acronym{
	display: block;
	font: normal 10px Tahoma, Arial, Verdana, sans-serif;
}
#fiches .code A{
	font: bold 10px Tahoma, Arial, Verdana, sans-serif; color:#3FA12B;
	text-decoration: none;
}
#fiches .code A:hover{
	text-decoration: underline;
}
#fiches .titre{
	float: left;
}
#fiches .divers{
	font: normal 10px Arial, Verdana, Tahoma, sans-serif;
	color:#666666;
}
/* Publications */
#publications .elt{
	border: solid 1px white;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;	
}
#publications .titre{
	font: normal 10px Verdana, Arial, Tahoma, sans-serif; color:#333333;
	float: left;
}
#publications .titre A{
	font: normal 10px Verdana, Arial, Tahoma, sans-serif;
	color:#333333;
	text-decoration: none;
}
#publications .titre A:hover{
	text-decoration: underline;
}
#publications .date{
	font: bold 12px Arial, Verdana, Tahoma, sans-serif;
	color:#3C5CCE;
	width: 34px;
	float: left;
}
/* Rapports techniques */
#rapporttechnique .elt{
	border: solid 1px white;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;	
}
#rapporttechnique .elt .titre a{
	font: normal 10px Verdana, Arial, Tahoma, sans-serif; color:#333333;
	text-decoration: none;
}
#rapporttechnique .elt .titre a:hover{
	font: normal 10px Verdana, Arial, Tahoma, sans-serif; color:#000000;
	text-decoration: underline;
}
#rapporttechnique .elt .code{
	color: #D43E24;
	width: 40px;
	text-align: center;
	float: left;
}
#rapporttechnique .elt .code acronym{
	display: block;
	font: normal 10px Tahoma, Arial, Verdana, sans-serif;
}
#rapporttechnique .elt .code a{
	font: bold 10px Tahoma, Arial, Verdana, sans-serif;
	color: #D43E24;
	text-decoration: none;
}
#rapporttechnique .elt .code a:hover{
	text-decoration: underline;
}
#rapporttechnique .elt .titre{
	float: left;
}
#rapporttechnique .elt .divers{
	font: normal 10px Arial, Verdana, Tahoma, sans-serif;
	color:#666666;
}
/* pages statiques */
p, li{
	margin: 10px;
	text-align: justify;	                            
}
div.point{
	font-weight: normal;
	font-size: 105%;
	margin-top: 25px;
	margin-bottom: 15px;
}
div.interpoint{
	font-weight: bold;
	font-size: 110%;
	margin-top: 15px;
}
.intranav{
	float: right;
}
.intranav a{
		font: normal 10px Verdana, Arial, sans-serif;
		color:#666666;
}
/* pied de page */
#foot{
	clear: both;
	padding-top: 30px;
	padding-bottom: 30px;
}