@charset "utf-8";
body  {
		width: auto;
		text-align: left;
		font: 80%/1.5 , "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
    	margin: 0 auto; 
    	padding: 0;
    	color: #000;
    }

a:link,a:visited {
color:#0000cd;
text-decoration:none;
}

a:hover,a:active {
text-decoration:underline;
color:#ab1703;
}

li {margin: 0 0 1em 0}
h1{
	font-family: "Trebuchet MS", "Lucida Grande", Times, serif;
	font-size: 3em;
	color: #1e1860;
	text-align: right;
}

h2{
	font-family: "Trebuchet MS", "Lucida Grande", Times, serif;
	font-size: 1.6em;
	color: #074F96;
	text-align: left;
	margin: 0 0 0 .3em;
	line-height: 25px;
}

h3{
	font-family: "Trebuchet MS", "Lucida Grande", Times, serif;
	font-size: 1.3em;
	color: #FF5B0D;
	padding-top: 0.1em;
}

h4{
	font-family: "Trebuchet MS", "Lucida Grande", Times, serif;
	font-size: 1.2em
	font-weight: bold;
	color: #333333;
	padding-top: 0.1em;
	padding-bottom:1px;
	text-decoration: underline;
}   
.h7{
	font-weight: bold;
	color: #ab1703;
	padding-top: .6em;
	padding-bottom:1px;} 
#tetiere {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	background-color: #dffe99; 
	margin-bottom: 1em;
	height: 75px;
} 
	#tetiere h1, #tetiere h2, #tetiere h3{
	color:#1e1860;
	margin: 0;
	text-align: center;
	}
    #tetiere img {border:0; margin: 0;}

	.hrtiret{width:auto;
	background-image:url(../images/tiret.gif);background-repeat:repeat-x;height:3px;}
	.hrpointille{width:auto;
	background-image:url(../images/pointille.gif);background-repeat:repeat-x;height:3px;}
	#titrepage {
	float:left;
	font-family: "Trebuchet MS", "Lucida Grande", Times, serif;
	font-size: 20px;
	color: #1e1860;
	height: 30px;
	text-align: center;
	margin-top: 10px;
	font-weight: bold;
	width: 27em;
	background-image:url(images/slim30.png);
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-color: #006633;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: #CCCCCC;
	border-left-style: outset;
	border-left-width: 1px;
	margin-left: 10em;
	}
div#sommaire{
	float: left;
	width: 56em;
	background-color: #FFcc66;/* orangé */
	margin-top: 1em;
	margin-bottom: .5em;
	margin-left:11em;
	margin-right: 6em;
	padding: 0.3em 0 0 4em;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-color: #006633;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: #CCCCCC;
	border-left-style: outset;
	border-left-width: 1px;
}
div#sommaire img{ border: 0; float: right; }
div#sommaire a{
color:#003366;
}
div#sommaire li{ line-height: .8em;
}
div#content{ /*grande zone principale pour le contenu enfermant deux colonnes*/
width:100%;
color:#333;
}

/* deux colonnes gauche et droite */
#col_droite {
		width:45%;
		float:left;
		margin: 10px 5px 10px 15px;
		padding: .7em .7em .7em .7em;
		background:transparent;
		border: 1px solid #ff6600;
		border-top: 2px solid #990000; 
		border-right: 2px solid #990000; 
		height: auto;
		}	
	#col_gauche {
		width:45%;
		height:auto;
		float:left;
		margin: 10px 5px 10px 15px;
		padding: .7em .7em .7em .7em;
		background:transparent;
		border: 1px solid #ff6600;
		border-top: 2px solid #990000; 
		border-right: 2px solid #990000; 
}	
#Centre{
		width:90%;
		height:auto;
		float:left;
		margin: 10px 15px 10px 15px;
		padding: .7em .7em .7em .7em;
		background:transparent;
}
#col_droite img{ float: right; margin: 5px 5px 5px 7px; border: 0;
}
	#col_gauche img {float: left; margin: 5px 7px 5px 5px; border: 0;
}
.breves{
width:auto; height:auto; border: 1px solid #83e6b4;margin: 15px 0 5px 3px; padding: 5px 5px 5px 5px; color:#1e1860}
.sousColonne{
width:150px;
float:right}


	/* =================== B A S   D E    L A    P A G E =============================== */

#hautpage{ /* balise renvoyant vers le haut de la page */
	float: left;
	margin:0 0 0 2em;
	color: #000033;
	padding-left: 2em;	
}
#pied {	clear:both;	margin: 4px 0 0 0; width:100%;	
	background-color: #dffe99; 
	text-align: center;	
	color: #666;
	border-bottom-style: solid;	
	border-bottom-color: #990099;
	border-bottom-width: 2px;}	
#pied a:link, #pied a:visited, #hautpage a:link, #hautpage a:visited {
	color:#9966CC;
}
#pied a:hover, #pied a:active, #hautpage a:hover, #hautpage a:active {
	color:#FFFFFF;
	background-color:#666666;
}
	/* _____________________L E S   M E N U S _______________________________________________
	_______________M E N U    C O N T E X T U E L  ________________________________________*/

.menuContextuel {
	
	/*list-style-type: none;*/
	float: left;
	margin: 1em 0 10px 3em;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #39605B;
}
.menuContextuel a:link, .menuhaut a:visited {
	color:#003366;
	font-size: 10px;
}
.menuContextuel a:hover, .menuhaut a:active {
	color:#666666;
	background-color: #ffcc99;
}
/* **************************************************************** 
             M E N U   H O R I Z O N T A L   P R I N C I P A L               */
#menu {
	margin: 3px 0 3px 1.1em;
	font-family: "Comic Sans MS",Geneva, Arial, Helvetica, sans-serif;
}
#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url("images/slim30.png") repeat-x 30px;
font: 12px/20px "Comic Sans MS", verdana, sans-serif;
text-align: center;
}

#navcontainer a {
color: #333;
text-decoration: none;
display: block;
width: 100px; 
height:30px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}

#navcontainer li#active { background-color: #dffe99; }
#navcontainer a:hover { background-color: #F1FE9A; }
#navcontainer li#active { background: url("images/slim30b.png") repeat-x 30px; }
#navcontainer a:hover { background: url("images/slim30b.png") repeat-x 30px; }

/*  _______________________________________________________________________________________________________________________________________________M E N U   D E R O U L A N T  */
body #navcontainer ul li ul{display:none;}
#navcontainer ul li:hover ul, #navcontainer ul li ul:hover
{display:block;}
#navcontainer ul li ul/*menu déroulant*/
{margin: 0; position: absolute; width: 100px;}

#navcontainer ul li ul li
{width: 100%; border-left:1px solid #A8B090; border-bottom:1px solid #A8B090;border-right:1px solid #A8B090;}
#navcontainer ul li ul li:first-child
{border-top:1px solid #A8B090}

/*     F I N    D U   C O D E   P O U R  M E N U    'V E R T '  

*************************************************************** */

    /* Diverses classes à réutiliser */
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;    }
	.titreParagraphe{
	color:#074F96; font-size: 1.1em;}