/* Kit graphique par Graphiques-Kits.com */
/* Copyright 2007 tous droits réservés */
/* ------------------------------------ */


body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #666666;
	background: #FFFFFF url(images/background-header.jpg) repeat-x top;

}

div#site {

	text-align:left;
    width: 1070px;
        margin: auto;
        margin-left: 100px;


}

/* -------------TABLE----------------------- */
td {
font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #666666;
}
/* ------------------------------------ */

div#overheader {
    background:  url(images/over_header.jpg) no-repeat 0 0;
    height: 40px;
    margin: 0;
    padding: 0;
}
div#header {
    background:  url(images/header.jpg) no-repeat 0 0;
    height: 171px;
    margin: 0;
    padding: 0;
}

div#sous-header {
    height: 34px;
    margin: 0;
    padding: 0;
}

div#mh {
	margin-left: 70px;
}

div#mh a  {
	float: left;
	padding-right: 50px;
	padding-top:10px;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;	
}
div#mh a:hover {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
	color: #CCCCCC;	
}


/* ------------------------------------ */

div#corp {
	background:  url(images/corp.jpg) repeat-y;

}


div#left {
	float: left;
	width: 318px;
	margin: 0px;
	padding: 0px;
	background:  url(images/left-background.jpg) repeat-y;
}

div#contenu-left {
	background:  url(images/left-top3.jpg) no-repeat;
    padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 63px;
	padding-right: 25px;
}
div#contenu-left_sco {
	background:  url(images/left-top_sco.jpg) no-repeat;
    padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 63px;
	padding-right: 25px;
}
div#contenu-left_trav {
	background:  url(images/left-top_trav.jpg) no-repeat;
    padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 63px;
	padding-right: 25px;
}
div#contenu-left_index {
	background:  url(images/left-top_index.jpg) no-repeat;
    padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 63px;
	padding-right: 25px;
}






div#title {
	background:  url(images/title.jpg) no-repeat;
	height: 26px;
	width: 216px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #000000;	
	font-weight : bold;
	font-style: italic;
}
div#tarif {
	background:  url(images/cadre_tar.gif) no-repeat;
	height: 26px;
	width: 113px;
	margin-bottom: 5px;
	margin-right: 10px;
	padding-top: 5px;
	padding-left: 5px;
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #FFFFFF;	
	font-weight : bold;
	font-style: italic;
}
div#tarif_sco {
	background:  url(images/cadre_white.gif) no-repeat;
	height: 26px;
	width: 113px;
	margin-bottom: 5px;
	margin-right: 10px;
	padding-top: 5px;
	padding-left: 5px;
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #FFFFFF;	
	font-weight : bold;
	font-style: italic;
}
div#tarif_even {
	background:  url(images/cadre_white.gif) no-repeat;
	height: 26px;
	width: 113px;
	margin-bottom: 5px;
	margin-right: 10px;
	padding-top: 5px;
	padding-left: 5px;
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #FFFFFF;	
	font-weight : bold;
	font-style: italic;
}
div#tarif_sem {
	background:  url(images/cadre_white.gif) no-repeat;
	height: 26px;
	width: 113px;
	margin-bottom: 5px;
	margin-right: 10px;	
	
	padding-top: 5px;
	padding-left: 5px;
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #FFFFFF;	
	font-weight : bold;
	font-style: italic;
}



div#tel {
	background:  url(images/cadre_tel2.gif) no-repeat;
	height: 104px;
	width: 226px;
	/*margin-bottom: 20px;*/
	padding-top: 31px;
	padding-left: 40px;
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #OOOOOO;	
	font-weight : bold;
	font-style: italic;
}
div#mapmenu {
	background:  url(images/title_map.jpg) no-repeat;
	height: 104px;
	width: 226px;
	/*margin-bottom: 20px;*/
/*padding-top: 31px;*/
/*padding-left: 40px;*/
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #OOOOOO;	
	font-weight : bold;
	font-style: italic;
}

div#title_sem {
	background:  url(images/title_sem.jpg) no-repeat;
	height: 26px;
	width: 216px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #FFFFFF;	
	font-weight : bold;
	font-style: italic;
}
div#title_trav {
	background:  url(images/title_trav.jpg) no-repeat;
	height: 26px;
	width: 216px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #FFFFFF;	
	font-weight : bold;
	font-style: italic;
}
div#title_sco {
	background:  url(images/title_sco.jpg) no-repeat;
	height: 26px;
	width: 216px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #FFFFFF;	
	font-weight : bold;
	font-style: italic;
}
div#title_even {
	background:  url(images/title_even.jpg) no-repeat;
	height: 26px;
	width: 216px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #FFFFFF;	
	font-weight : bold;
	font-style: italic;
}
div#title_indiv {
	background:  url(images/title_indiv.jpg) no-repeat;
	height: 26px;
	width: 216px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #FFFFFF;	
	font-weight : bold;
	font-style: italic;
}
div#title_sem {
	background:  url(images/title_sem.jpg) no-repeat;
	height: 26px;
	width: 216px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #FFFFFF;	
	font-weight : bold;
	font-style: italic;
}
div#title_autre{
	background:  url(images/title_autre.jpg) no-repeat;
	height: 26px;
	width: 216px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #FFFFFF;	
	font-weight : bold;
	font-style: italic;
}
div#title_commun{
	background:  url(images/title_commun.jpg) no-repeat;
	height: 26px;
	width: 216px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #FFFFFF;	
	font-weight : bold;
	font-style: italic;
}




div#contenu-menu {
	padding-bottom: 0px;
	padding-left: 10px;
	padding-bottom: 18px;
}

div#menu {
	margin-left: 10px;
	padding-left: 4px;
	padding-top: 7px;
	background:  url(images/li.jpg) repeat-y;
}

div#menu a {
    color : #666666;
    font-weight : bold;
	font-size: 11px;
	height: 10px;
}

div#right {
    width:682px;
	float: left;

}

div#arbo {
    padding-top: 10px;
	padding-bottom: 35px;
	padding-left: 0px;
	padding-right: 10px;
}
div#arbo_index {
	background:  url(images/principal_index.jpg) no-repeat;    
	padding-top: 10px;
	padding-bottom: 35px;
	padding-left: 0px;
	padding-right: 10px;
}

div#contenu-right {

	background:  url(images/right-top.jpg) no-repeat;
    padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 70px;
}

div#contenu-right_sco {
	background:  url(images/right-top_sco.jpg) no-repeat;
    padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 70px;
}
div#contenu-right_index {
	background:  url(images/right-top_index.jpg) no-repeat;
    padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 70px;
}








/* ------------------------------------ */
#plus {
color: #CCCCCC;
background:  url(images/background-plus.jpg) repeat-x top;
margin-top: 20px;

height : 300;
}

.bloc1 {
width: 200px;
float: left;
margin-left: 120px;
margin-top: 45px;
text-align:left;
}

.bloc2 {
width: 200px;
float: left;
margin-left: 40px;
margin-top: 45px;
text-align:left;
}

.bloc3 {
width: 200px;
float: left;
margin-left: 40px;
margin-top: 45px;
text-align:left;
}
.bloc4 {
width: 200px;
float: left;
margin-left: 40px;
margin-top: 45px;
text-align:left;
}

.bloc_droit {
width: 320px;
float: left;
margin-right: 20px;
margin-top: 20px;

}

.textegris{
text-color: #CCCCCC;
}
div#plus a  {
    font-weight : bold;
    text-decoration:none;
	color: #CCCCCC;	
}
div#plus a:hover, a:active , a:focus {
    color : #FFFFFF;
    font-weight : bold;
    text-decoration:underline;	
}
/* ------------------------------------ */
#margepied {
    height:33px;
    clear:both;
    background:transparent;
}

#footer {
    height:33px;
	width:100%;
	margin:0 auto;
	padding:0;
	background:  url(images/background-footer.jpg) repeat-x bottom;
	background-color: #FFFFFF;
	text-align:center;
	clear: both;
	margin-top:-42px;
}

#footer p {
    padding-top: 12px;
    font-size: 11px;
	color: #FFFFFF
}

#footer a {
    color : #FFFFFF;
	font-size: 11px;
    font-family:verdana;
	font-weight : bold;    
    text-decoration:none;
}

#footer a:hover , a:active , a:focus {
    color : #FFFFFF;
	font-size: 11px;
    font-weight : bold;
    text-decoration:underline;
}
/* ------------------------------------ */

#menuidee a:link {
    color : #666666;
	font-size: 12px;
    font-family:verdana;
	font-weight : bold;    
    text-decoration:none;
}
#menuidee a:visited {
    color : #666666;
	font-size: 12px;
    font-family:verdana;
	font-weight : bold;    
    text-decoration:none;
}
#menuidee a:hover {
    color : red;
	font-size: 12px;
    font-weight : bold;
    text-decoration:underline;
}
#menuidee a:active {
    color : red;
	font-size: 12px;
    font-weight : bold;
    text-decoration:underline;
}

#menuidee #pageActive a {
    color : red;
	font-size: 12px;
    font-weight : bold;
    text-decoration:underline;
}

/*:link pour les liens non visités 
:visited pour les liens visités 
:hover pour les liens survolés 
:active pour les liens actifs */

/* ------------------------------------ */

html, body { 
    margin: 0;
	padding: 0;
}

span.spacer {
	height:0.01em;
	overflow:hidden;
	display:block;
	width:100%;
	clear:both;
}
/* ---------------IMAGES--------------- */
img { border: 0; }

.gauche {
 float: left;
   	margin-left:5px;
  }
.droite {
 	margin-top:10px;
 float: right;
 } 
  
/* ---------------bloc texte principal--------------- */

#principal {
float: left;
}
#principal_index {
float: left;
background:  url(images/principal_index.jpg) no-repeat;

width: 682px;
height: 500px;
margin-top: 21px;

}


#cadre {
background-color: #CCCE2C;
width: 682px;
margin-top: 20px;
}
#cadre_sem {
background-color: #940757;
width: 682px;
margin-top: 20px;
}

#cadre_even {
background-color: #55187F;
width: 682px;
margin-top: 20px;
}
#cadre_indiv {
background-color: #271C54;
width: 682px;
margin-top: 20px;
}
#cadre_indiv2 {
background-color: #271C54;
width: 600px;
margin-top: 20px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
}
#cadre_trav {
background-color: #729322;
width: 682px;
margin-top: 20px;
}
#cadre_sco {
background-color: #6370B4;
width: 682px;
margin-top: 20px;
}
#cadre_map {
background-color: #CCCE2C;
width: 652px;
margin-top: 20px;
margin-left: 15px;
}







#cadre10 {
width: 100%;
margin-top: 10px;
}

.textegauche {
width: 320px;
float: left;
margin-left: 15px;
margin-top: 35px;
  }
.textegauche1 {
width: 320px;
float: left;
margin-left: 5px;
margin-top: 35px;
  }
.textegauche2 {

margin-left: 15px;
margin-top: 35px;
  }  
  
.textedroite {
width: 320px;
float: right;
margin-left: 15px;
margin-right: 5px;
margin-top: 35px;

 }  
.textebas {
width: 682px;
margin-left: 15px;
margin-right: 5px;
margin-top: 380px;

 } 
 
 
  
 #sepa {
background:  url(images/right-sepa.gif) no-repeat;
width: 100%;
margin-top: 30px;
} 
 #sepa_sco {
background:  url(images/right-sepa_sco.gif) no-repeat;
width: 100%;
margin-top: 30px;
}




  
 /* ------------------------------------ */ 
li { list-style: none; 
font-size: 12px;


}

a {
    color : #666666;
    font-family:verdana;
    text-decoration:none;
}

a:hover ,a:active , a:focus {
    color : #666666;
    font-weight : bold;
    text-decoration:underline;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	color: #ff5a00;
	margin-bottom: 15px;
}

div#h1 {
	font-size: 9px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 15px;
}

div#h3 {
	font-size: 13px;
	font-weight: bold;
	color: #ff5a00;
	margin-bottom: 15px;
}

div#h3_sco {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 15px;
}
div#h3_trav {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 15px;
}
div#h3_indiv {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 15px;
}
div#h3_indiv2 {
	font-size: 11px;
	font-weight: bold;
	color: #271C54;
	margin-bottom: 15px;
}

div#h3_even {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 15px;
}
div#h3_sem {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 15px;
}
div#h3_index {
	font-size: 11px;
	font-weight: bold;
	color: #ff5a00;
	margin-bottom: 15px;
}

INPUT {
color:#FFFFFF;
background-color:#4A4A4A;
font-size:13px;
font-family: "Times New Roman", Times, Verdana;
}

/*   menu langue*/

#menulang  {
    color : #666666;
	font-size: 11px;
    font-family:verdana;
	font-weight : bold;    
    text-decoration:none;
}
#menulang a:link {
    color : #666666;
	font-size: 11px;
    font-family:verdana;
	font-weight : bold;    
    text-decoration:none;
}
#menulang a:visited {
    color : #666666;
	font-size: 11px;
    font-family:verdana;
	font-weight : bold;    
    text-decoration:none;
}
#menulang a:hover {
    color : red;
	font-size: 11px;
    font-weight : bold;
    text-decoration:underline;
}
#menulang a:active {
    color : red;
	font-size: 11px;
    font-weight : bold;
    text-decoration:underline;
}