html {
	margin : 0; 
	padding : 0; 
	text-align: center;	
	font-size: 82.5%;}

body {
	font-family: arial, verdana, lucida, helvetica, sans-serif; 
	color : #333; 
	background :  #FFF;
	margin-top: 0px;
	margin-left: 7px;
	padding : 0px; 
	text-align: center;
	font-size: 1.0em;
	/*font-size: x-small;	*/} 


	
#logo img, #accueil img {border:0;
margin:0;
padding:0;
}
img {border: 0;
margin-bottom: 0px;
margin-top: 7px;
padding:10px;
/*padding:0;*/
}

h1,h2,h3,h4,h5{
	font-weight: bold;
	margin: 0;
	padding-bottom: 7px;
	color : #333; }
	
h1 {font-size: 1.3em;}
h2 {font-size: 1.15em;}
h3 {font-size: 1.1em;}


p{
padding:0;
margin:0;

}
p.bodytext {
clear: both;

	margin:0;
	padding: 0;

	}



.skiplink {display:none;}

	/* pour aligner l'ensemble de la page */
div#global{
	position: relative;
	width: 100%;
	text-align: center;
float:left;
	height: 100%;
	padding:0;
  }
a{
font-family: arial, verdana, lucida, helvetica, sans-serif;
font-size:1.0em;
	color: #3366CC;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
	}
.fondbleu{
background-color:#DFEAF8;
padding: 4px;
font-size: 1.0em;
}

#texte ul{
padding:0;
display: block;
margin: 0 0 10px 20px;
}


#texte ul li.rond, ul li.rond{
list-style-image: url(../images/pucerond2.gif);
liste-style-position: outside;
padding:0;
margin: 0 0 0 15px;
}
li.rondvert{
list-style-image: url(../images/rondv2.gif);
liste-style-position: outside;
padding:0;
margin: 0 0 0 15px;
}
#texte ul li.flech1, ul li.flech1{
list-style-image: url(../images/1flech2.gif);
liste-style-position: outside;
padding:0;
margin:0;
}
#texte ul li.flech2, ul li.flech2{
list-style-image: url(../images/2flech2.gif);
liste-style-position: outside;
padding:0;
margin-left:0px;
}

#texte ul li.sanspuce, ul li.sanspuce{
padding:0;
margin: 0;
list-style: none;
}
/*
#texte li{
list-style-image: url(../images/1flech2.gif);
liste-style-position: outside;
padding:0;
margin:0;
}

#texte li li {
list-style-image: url(../images/2flech2.gif);
liste-style-position: outside;
padding:0;
margin-left:20px;
}*/

#texte li{
list-style-image: url(../images/pucerond2.gif);
liste-style-position: outside;
padding:0;
margin:0;
}

#texte li li {
list-style-image: url(../images/1flech2.gif);
liste-style-position: outside;
padding:0;
margin-left:20px;
}
#texte li li li{
list-style-image: url(../images/2flech2.gif);
liste-style-position: outside;
padding:0;
margin-left:20px;
}

ol{
	margin : 0 0 0 20px;
	padding:0;
	} 
ol li {
	margin : 0;
	padding:0;
	} 
sup{
font-size: 0.7em;
}


.droite{
float: right;
margin: 0;
padding: 5px 0 10px 0px;
width:49%;
}
.gauche{
margin: 0;
float: left;
padding: 5px 0 10px 0px;
width:49%;
}

/********************************/
	/* tableau*/
/********************************/
table {
	font : normal 0.9em arial, verdana, lucida, helvetica, sans-serif; 
	margin: 0;
	padding : 0; 

	} 

caption, TABLE.contenttable caption {
	padding: 5px 0 5px 0px ; 
	text-align: left;
	font : bold 1.2em arial, verdana, lucida, helvetica, sans-serif;
	}

table P.bodytext  {
	margin:0px;
	padding:0px;
	}
	
TABLE.contenttable  {
margin: 0px;
padding: 0px;
	width:100%;
}
 
TABLE.contenttable P.bodytext {
text-align: left;
margin:0;
padding: 0;
}

TABLE.contenttable TD[STYLE] P.bodytext {
text-align: inherit;
} 

TABLE.contenttable thead, TABLE.contenttable thead P.bodytext{
background-color: #DFEAF8; 
text-align:left;
margin:0;
padding: 0;
font-weight: bold;
}

.tabbleumoyen thead {background-color: #DFEAF8; text-align:left;}
.tabbleufonce {  background-color : #A9CCF8;}
.tabbleumoyen {  background-color : #DFEAF8;  }
.tabbleuclair {  background-color : #EEF2F7;  }
  

/*********************/
/* Tables, generally */
/*********************/

TABLE.contenttable TR TD { vertical-align: top; }

/* Tables, specifically */
TABLE.contenttable-0 TR td-0 {text-align: left;}

TABLE.contenttable-1 thead {background-color: #DFEAF8; text-align:left; font-weight: bold;}
TABLE.contenttable-1 tfoot {background-color: #DFEAF8; text-align:left; font-weight: bold;}

TABLE.contenttable-2 tr.tr-even TD{ background-color: #fff; }
TABLE.contenttable-2 tr.tr-odd TD{ background-color: #EEF2F7;}
TABLE.contenttable-2 thead {background-color: #DFEAF8; text-align:left;}

TABLE.contenttable-2 .TD-0 {width:40%;}
TABLE.contenttable-2 .td-1 {width:15%;}
TABLE.contenttable-2 .td-2 {width:15%;}
TABLE.contenttable-2 .td-last {width:30%;}
TABLE.contenttable-2 .TD-0 {width:40%;}
TABLE.contenttable-2 .td-1 {width:15%;}
TABLE.contenttable-2 .td-2 {width:15%;}
TABLE.contenttable-2 .td-last {width:30%;}
/*
TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color: #EEF2F7;}
TABLE.contenttable-3 thead {background-color: #DFEAF8; text-align:left;}
*/
TABLE.contenttable-3 tr.tr-even TD{ background-color: #fff; }
TABLE.contenttable-3 tr.tr-odd TD{ background-color: #EEF2F7;}
TABLE.contenttable-3 thead {background-color: #DFEAF8; text-align:left;}
/*********************************/
	/* entete */
/*********************************/
div#entete{
	height : 113px;
	width: 779px;
	padding : 0px;
	margin : 0px;
	top: 7px; left: 0px;
	position: absolute;
	background-image : url(../images/bandoho.jpg);
	background-position : right;
	background-repeat: no-repeat;
	/*z-index : 2;*/}
	
div#logo{
	float : left;
	width: 400px;
	text-align: left;}
	
div#maj{
float:left;
	padding-top : 80px;
	padding-left:145px;
	color : #fff;
	font : 12px arial, verdana, lucida, helvetica, sans-serif; 
	/*text-indent: 145px;*/
	text-align: left;
 }
	/* fin entete */
	
	
/*********************************/
	/* Navigation*/
/*********************************/


#navig{
display:none;}

#navmenu{
	margin:0;
	padding:0;
	text-align:left;
	float:left;
	width:532px;
	height: 37px;
}

#navmenu ul{
	padding-left:5px;
	margin:0;
	float:left;
	height: 37px;}


#navmenu li {
	display:inline;
	/*jouer sur padding haut et bas entre 'ul' et 'li' pour affichage IE correct de l'image en background */
	padding:9px 10px 7px 10px;
	
	}

#navmenu li.barre{
	background-image: url(../images/traitbarre.gif);
	background-position: right;
	background-repeat: no-repeat;
	line-height:37px;
	}	
	
#navmenu a{
	font: 12px Arial,Verdana, sans-serif;
	font-variant : small-caps;
	font-weight : bold;
	color: #A1C9FE;}

#navmenu li a:link,
#navmenu li a:visited,
#navmenu li a:visited:hover {
	background-color: transparent;
	text-decoration: none}

#navmenu li a:hover {
	color: #fff;
	text-decoration: none}


/* ********* search ********* */
#navig #navig-search {
	background-image: url(../images/traitbarre.gif);
	background-position: 1px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0; right: 0;
	z-index: 2;
	color: #000;
	padding: 0px;
	border: 0;
	margin: 0;
	width: 235px;
	height: 37px}


#navig label{
font-weight : bold;
	position: relative;
	top: 8px; left: 10px;
	margin: 0px;
	padding: 0px;
color: #fff;
font-size:0.9em;}

#navig #search-input {
	/*font-family:  Arial,Verdana, sans-serif;*/
	position: absolute;
	top: 2px; left: 55px;
	background-color: #fff;
	padding-left: 4px;
	border: 1px solid;
	border-color: #555151;
	margin: 5px 0 0 33px;
	color: #000;
	height: 18px; 
	width: 100px}

#navig #search-input:focus {
	border: 1px solid;
	border-color: #555151}

#navig #searchDIV {
	font-weight : bold;
	color: #2c6EBA;
	position: absolute;
	top: 10px; left: 197px;
	/*margin: 10px 5px 0 0;  */
line-height:1.2em;
vertical-align:bottom;
	border: 0;
	width: 28px;}
/* fin navigation */

  
/************************************/
	/* contenu */
/************************************/
#content{
  /*width:779px;
  height: auto;*/
  position: absolute;
  top: 163px; left: 0;
  margin : 0;
  padding : 0;
  }
  
#clear{  clear: both;  }

#contenuhaut{
  background-image: url(../images/hoblanc.gif);
  background-repeat: no-repeat;
  width: 779px;
 height:11px;
  position: relative;
  top:0;
  float: left;
    margin: 0;
  padding: 0;
/*en attendant une autre solution*/
font : 8px arial, verdana, lucida, helvetica, sans-serif; 
}  
  
#contenu{

  position: relative;
  text-align:left;
  float: left;
  margin: 0;
  padding: 0;
}  

#contenubas{
  background-image: url(../images/basblanc.gif);
  background-repeat: no-repeat;
  width: 779px;
  height: 9px;
  top: 0px; left: 0px;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;} 
  
  
  
/* menu gauche */
#menugauche{

	display:none;
}
	


/* milieu accueil */
#accueil{
	/*background: url(../images/rorator/rotator.php) no-repeat;
	background-image: url(../images/photo.jpg);
	background-repeat: no-repeat;
	background-position: top 0px;*/
	width:378px;
	position: relative;
	left:9px;
	float:left;
	text-align: left;
	margin:0;
	height: 100%;
}

#accueil dl {
	padding:10px 10px 10px 0;
	margin: 0;
	border-bottom: 1px solid #C0C0C0;
	position :relative;
	top: 0px;
	float:left;
	width:369px;
	height: auto;
	text-align: left;
}
#accueil dl.first {
	padding:10px 10px 10px 0;
	margin-top: 10px;
	border-bottom: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	position :relative;
	top: 0px;
	float:left;
	width:369px;
	height:auto;
	text-align: left;
}
#accueil dt {
	position :relative;
	left: 0;
	float:left;
	background-image: url(../images/rectanvert.gif);
	background-repeat: no-repeat;
	backgroung-position :top left;
	font: bold 14px Arial,Verdana, sans-serif;
	color: #669933;
	padding-left: 25px;
	width: 160px;
	height:83px;
	margin: 0;
}

#accueil dd {
        background-image: url(../images/rondv2.gif);
	background-repeat: no-repeat;
	backgroung-position :top left;
	padding:0 0 5px 10px;
	margin:0;
	text-align:left;
	position :relative;
	top: 0;
	float:right;
	width: 170px;
	font: bold 11px Arial,Verdana, sans-serif;
	color: #669933;
	height:auto;
}

#accueil dt a, #accueil dd a{
	text-decoration: none;
	color: #669933;}

#accueil dt a:hover, #accueil dd a:hover{
	text-decoration: underline;
	}

#carte {
	position: relative;
	float: left;
	/*width:145px;*/
	top:10px;
	padding :0px 5px 15px 0;
	text-align:center;
}
#carte img{
	position: relative;
	float: left;
	padding :0px 5px 15px 0;
	text-align:center;
}
#carte a{
	padding: 5px;
	font:  Bold 12px Arial,Verdana, sans-serif;
	color: #669933;
	text-decoration: none;
}

#carte a:hover{
	text-decoration: underline;
	}

/*texte*/
#texte{
	position: relative;
	left:0px;
	float:left;
	text-align: left;
	margin:0;
	padding:0;
	width :590px;
}


a.lienvert{
	padding: 5px;
	/*font:  Bold 12px Arial,Verdana, sans-serif;*/
	color: #669933;
	text-decoration: none;
}

 a.lienvert:hover{
	text-decoration: underline;
}



/***************************************/	
/* les miettes*/
/***************************************/

div#miette {

	position:relative;
float:left;
	left:0px;
	text-align:left;
	font-weight: bold;
	font-size: 0.85em;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	color: #666;
	height:auto;
width: 550px;

	}

#miette ul {
	position:relative;
	left:0px;
	float:left;
	display:inline;
	margin: 0;
	padding:0 0 15px 0;
  }	
	
	
#miette li {
	display:inline;
	margin: 0;
    padding: 0px 2px 0px 0px;
	list-style: none;
  }
  
#miette li a {

	margin: 0;
	padding: 0 2px 0 2px;
	text-decoration: none;
	color: #336699;
	list-style: none;
  }
	
/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
DIV.csc-menu { margin-left: 10px; }
DIV.csc-menu P { font-size: 11px;  margin: 1px 0px 0px 0px; padding: 2px 2px 2px 10px; background-color: #fff; }
DIV.csc-menu P A { color: #000000; text-decoration: none; }
DIV.csc-menu P A:hover { color: #3366CC; text-decoration: underline; }
DIV.csc-menu P.csc-section { font-weight: normal; margin-left: 20px; font-style: italic; }

/* Menu / Sitemap, "Menu of these pages" */
DIV.csc-menu-def P {  }

/* Menu / Sitemap, "Menu of subpages to these pages" */
DIV.csc-menu-1 { }

/* Menu / Sitemap, "Sitemap" */
DIV.csc-menu-2 { }
DIV.csc-menu-2 P.csc-sitemap { }
DIV.csc-menu-2 P.csc-sitemap-level1 { margin-left: 0px; 
background-image:url(../images/pucerond2.gif);
background-position: top left;
	background-repeat: no-repeat;
font-weight: bold;
}
DIV.csc-menu-2 P.csc-sitemap-level2 { margin-left: 20px; 
background-image:url(../images/1flech2.gif);
background-position: top left;
	background-repeat: no-repeat;
}
DIV.csc-menu-2 P.csc-sitemap-level3 { margin-left: 40px;

 }
DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left: 60px; }
DIV.csc-menu-2 P.csc-sitemap-level1 A { color: #3366CC; }
DIV.csc-menu-2 P.csc-sitemap-level2 A { color: #3366CC; }
DIV.csc-menu-2 P.csc-sitemap-level3 A { color: #3366CC; }
DIV.csc-menu-2 P.csc-sitemap-level4 A { color: #3366CC; }

/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */
DIV.csc-menu-3 { }
DIV.csc-menu-3 P.csc-section { margin-left: 0px; }
DIV.csc-menu-3 P.csc-section A { color: #186900; }

/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */
DIV.csc-menu-4 { }
DIV.csc-menu-4 P { margin-top: 2px; }
DIV.csc-menu-4 P.csc-abstract { font-weight: normal; font-style: italic; margin-top: 0px; padding: 0px 2px 2px 20px; }

/* Menu / Sitemap, "Recently updated pages" */
DIV.csc-menu-5 { }

/* Menu / Sitemap, "Related pages (based on keywords)" */
DIV.csc-menu-6 { }

/* Menu / Sitemap, "Menu of subpages to these pages + sections" */
DIV.csc-menu-7 { }
DIV.csc-menu-7 P { font-weight: bold; }
DIV.csc-menu-7 P.csc-section A { color: #186900; }

	
/************************************/
	/*les actualités*/
/************************************/

#actu{
	background:#E5E5E5;
	width: 211px;
	/*height: 392px;*/
	top: 0px; right: 10px;
	position: relative;
	float: right;}

/*	
#actu h1{
background-color: #F7F7F7;
border: 1px solid #D7D7D7;
font: bold 14px Arial,Verdana, sans-serif;
color: #333;
line-height: 22px;
vertical-align:middle;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
position: relative;
margin-top:9px;
}
*/
.actutitre h1{
font: bold 14px Arial,Verdana, sans-serif;
color: #333;
line-height: 22px;
vertical-align:middle;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
width:150px;

float : left;
}
.actutitre{
background-color: #F7F7F7;
border: 1px solid #D7D7D7;
float : left;
margin-top:9px;
width:auto;
padding:0;
margin-bottom:0px;

}
.rss {
  margin: 0;
  padding-right: 5px;
  float : right;/**/
 }

#actu dl{
	margin-top: 0px;
	padding: 10px 0 0px 0;
  position: relative;
  float:left;}

#actu dt{
font: normal 10px Arial,Verdana, sans-serif;
	margin-top: 0px;
	color: #222;
	padding: 0 5px 0 13px;
	text-align: left;}

#actu dd{
font: normal 10px Arial,Verdana, sans-serif;
	margin-top: 0px;
	color: #2c6eBA;
	margin: 0 0 1em 0;
	padding: 0 5px 0 13px;
	text-align: left;}
	
#actu dd a{
	color: #2c6eBA;
	text-align: left;
	text-decoration: none;}
#actu dd a:hover{
	text-decoration: underline;}
	
	
#actu p.bodytext {
clear: both;
font-family: arial, verdana, lucida, helvetica, sans-serif; 
	margin:0;
	padding:0px 0 0px 0;
	font-weight: normal;
font-size: 1.0em;
	}	
	
	
	
	
	
#agenda{
	background:#E5E5E5;
	width: 211px;
	/*height: 392px;*/
	top: 0px; right: 10px;
	position: relative;
	float: right;}
	
#agenda p.bodytext {
clear: both;
font-family: arial, verdana, lucida, helvetica, sans-serif; 
	margin:0;
	padding:0px 0 0px 0;
	font-weight: normal;
font-size: 1.0em;
	}		
.agendatitre h1{
font: bold 14px Arial,Verdana, sans-serif;
color: #333;
line-height: 22px;
vertical-align:middle;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
width:150px;

float : left;
}
.agendatitre{
background-color: #F7F7F7;
border: 1px solid #D7D7D7;
float : left;
margin-top:1px;
width:auto;
margin-bottom:10px;

}
.rss {
  margin: 0;
  padding-right: 5px;
  float : right;/**/
 }
#agenda dl{
	margin: 0px;
	padding: 5px 0 0 0;
    position: relative;
  float:left;}

#agenda dt{
	background-image : url(../images/2carres.gif);
	background-position: 13px top;
	background-repeat:no-repeat;
	font: normal 10px Arial,Verdana, sans-serif;
	margin-top: 0px;
	color: #222;
	padding: 10px 5px 0 13px;
	text-align: left;}

#agenda dd{
	font: normal 10px Arial,Verdana, sans-serif;
	margin-top: 0px;
	color: #669933;
	margin: 0 0 1em 0;
	padding: 0 5px 0 13px;
	text-align: left;}
	
#agenda dd a{
	color: #669933;
	text-align: left;
	text-decoration: none;}

#agenda dd a:hover{
	text-decoration: underline;
	}


/********************************/
	/* pied de page*/
/********************************/

#pied{
display:none;}
	
#pied ul{
	margin:0;
	padding-left:430px;}
	
#pied li{
	margin:0;
	padding:0;
	display:inline;}
	
	
#copy{
	float: right;
	padding-top : 10px;
	padding-right : 10px;
	text-align: right;
	height: 27px;
	color: #ccc;
	font : bold 9px arial, verdana, lucida, helvetica, sans-serif; 
}
	
#copy a{
	color: #8AADE3;
	text-decoration: underline;
	font : bold 9px arial, verdana, lucida, helvetica, sans-serif small-caps; }
	/* fin pied */
	
#pied li.piedimg img {
	float: left;
	margin:0;
	padding:0 10px 0 0;
	}
/*****************/
/* Various Forms */
/*****************/
INPUT, TEXTAREA, SELECT { font-family: arial, helvetica; color: #000000; font-weight: normal;	font-size: 12px; }
FORM TABLE.sansfond{padding:0; margin: 0; background : #fff;width:100%}
/* Email, Login and Search forms generally: */
FORM TABLE{padding:0; margin: 0; background : #fff url(../images/degradeb.jpg) repeat-x ;width:100%}
FORM TABLE TR TD { padding-left: 5px; padding-right: 20px;vertical-align: bottom}
/*FORM TABLE TR TD.csc-form-labelcell, FORM TABLE TR TD.csc-form-commentcell { }
FORM TABLE TR TD.csc-form-fieldcell { }*/
.csc-form-fieldcell INPUT, .csc-form-fieldcell SELECT, .csc-form-fieldcell TEXTAREA { border: 1px solid #666; }
.csc-form-labelcell P.csc-form-label-req { 
        font-weight: bold;
	font-size: 11px;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
margin:0;padding:0;
vertical-align: top}

/* Email form, specifically */
.csc-mailform .csc-form-labelcell  { font-weight: bold;
	font-size: 11px;
	font-family: arial, verdana, lucida, helvetica, sans-serif; 
vertical-align: top;
}

.csc-mailform{
padding:10px; margin-top: 1.5em; background : #fff url(../images/degradeb.jpg) repeat-x ;width:90%;
border:0;
}

fieldset.legenddisplay{
  border: 1px solid #CCC;
  padding: 0.5em 1em 1em 1em;
  margin: 0.5em 15px 1.5em 0;
  width: auto;
  }


.csc-mailform-field{
  /*float-left;*/
  text-align: left;
  width: 98%;
  margin-bottom: 4px;
  }
  
  .csc-mailform-submit{
  text-align: center;
  margin-left: 130px;
  margin-top: 4px;
  padding: 1px 6px;/**/
  width: auto;/**/ 

  }/**/

 label{
  float: left;
  width: 130px;
  font-size: 1.0em;
  }

/**********************metiers*********/

a.adminmetier { color: #D55100;}
a.adminmetier:link, a.adminmetier:visited {
	text-decoration : none;	}
a.adminmetier:hover, a:active {
	text-decoration: underline }
#formrecherche{
  width : 525px;
  margin: 0;
  padding: 10px;
  float : left;
  background: url(../images/degradeb.jpg) repeat-x left top;
  }
#formrechercheformation{
  width : 525px;
  margin: 0;
  float : left;
  padding: 10px;
    background: url(../images/degradeb.jpg) repeat-x left top;
  }
#formrecherchesaisie{
  width : 525px;
  height : auto;
  font-weight:normal;
  margin: 0;
  padding: 10px;
  float : left;
  background-color:#ddebc7;
  }
#formrecherche fieldset{
  margin: 0;
  padding: 0;
  border:#fff 0px solid;
  }
#choixformation{
  position: relative;
  width : 510px;
  height : auto;
  font-weight:normal;
  margin: 0;
  padding: 5px 0px 5px 0px;
  float:left;
  }
#titreformation{
  /*background: url(../images/1flech2.gif) no-repeat left 4px;*/
  font-weight:bold;
  margin: 0;
  padding: 0px 0px 5px 0px;
  }
#listeitemformation{
  font-weight:normal;
  /*color:#7a8f0d;*/
  vertical-align:middle;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }
#selectformation{
  font-weight:normal;
  margin: 0;
  padding: 0;
  }
#contenuformation{
  height : auto;
  width: 531px;
  font-weight:normal;
  padding: 0;
  float : left;
  }
#regionformation{
  width : 300px;
  font-weight:normal;
  margin: 0;
  padding: 0;
  float:left;
  }
#calqueimagegauche{
  vertical-align : middle;
  width : 200px;
  font-weight:normal;
  margin: 0;
  padding: 0 ;
  float:left;
  }
a.rechercheformation { color: #7a8f0d;}
a.rechercheformation:link, a.rechercheformation:visited {
	text-decoration : none;	}
a.rechercheformation:hover, a:active {
	text-decoration: underline }
#imageformation{
  vertical-align : middle;
  font-weight:normal;
  margin: 0;
  padding: 15px 0 0 0 ;
  float:left;
  }
#texteformation{
  vertical-align : middle;
  padding: 30px 0 0 20px ;
  }
#contenuetabformation{
  width : 521px;
  font-weight:normal;
  margin: 15px 0 0 10px;
  padding: 0 ;
  float:left;
  }
#titrepublic{
  background: url(../images/1flech2.gif) no-repeat left 6px;
  width : 75px;
  font-weight:bold;
  margin: 0;
  padding: 3px 0 0 10px;
  float:left;
  }
#contenupriveform{
  width : 521px;
  font-weight:normal;
  margin: 0;
  padding: 10px 0 10px 0;
  float:left;
  }
#titreprive{
  background: url(../images/1flech2.gif) no-repeat left 6px;
  width : 521px;
  font-weight:bold;
  margin: 0;
  padding: 3px 0 0 10px;
  float:left;
  }
#soustitreprive{
  width : 75px;
  font-weight:normal;
  margin: 0;
  padding: 0 0 0 10px;
  float:left;
  }
#contenudroiteformetab{
  font-weight:bold;
  margin: 0;
  padding: 0 ;
  float:left;
  line-height:20px;
  }
#natureetab{
  width : 260px;
  height : auto;
  font-weight:normal;
  margin: 0;
  padding: 0;
  float:left;
  }
#regionetab{
  width : 500px;
  height : auto;
  font-weight:normal;
  margin: 0;
  padding: 0;
  float:left;
  }
#titreCalque{
  position: relative;
  top: 0px; left: 0px;
  font-weight:bold;
  margin: 0;
  padding: 10px 0 0 0;
  }
#listeitem{
  position: relative;
  top: 0px; left: 0px;
  font-weight:bold;
  margin: 0;
  padding: 0;
  }
#listeitemprives{
  position: relative;
  top: 5px; left: 20px;
  font-weight:normal;
  margin: 0;
  padding: 0;
  }
#boutonrecherche{
  position: relative;
  top: 0px; left: 0px;
  font-weight:normal;
  margin: 0;
  padding: 0;
width: 400px;
float:left;
  }
#resultrech ul li {
	list-style-image: url(../images/1flech2.gif);
	list-style-position: outside;
	position: relative;
	padding-left:0px;
	}

#resultetab{
  margin: 0;
  padding: 0;
  float : left;
  }

#resultetab ul li {
	list-style-image : url(../images/pucerond2.gif);
	margin-left : 0px;
	padding-bottom:0px;
	list-style-position: outside;
	font-weight:normal;
	} 
#resultetab ul li li{
	list-style-image : url(../images/1flech2.gif);
	margin-left : 15px;
	padding:0;
	list-style-position: outside;
	font-weight:normal;
	} 
#resultetab ul li li li{
	list-style-image : url(../images/2flech2.gif);
	margin-left : 10px;
	padding:0;
	list-style-position: outside;
	font-weight:normal;
	} 
#titreetab{
  height : auto;
  font-weight:bold;
  margin: 0;
  padding: 5px 0px 10px 0px;
  float : left;
  width:500px;
  }
#contenudetail{
  height : auto;
 /* width: 450px;*/
  font-weight:normal;
  margin: 0;
  padding: 0px 0px 1px 0px;
  float : left;
  background-color:#DFEAF8;
  }
#detailgauche{
  width : 160px;
  /*width : 40%;*/
  font-weight:bold;
  margin: 0;
  padding: 5px;
  float : left;

  }
#detaildroite{
 width : 250px;
/*  width :60%;*/
  font-weight:normal;
  margin: 0;
  padding: 5px;
  float : right;
 vertical-align:top;
  background-color:#EEF2F7;
  }
  
#detaildroite  li{
list-style-image: url(../images/1flech2b.gif);
liste-style-position: outside;
padding:0;
margin:0;
}
  
  
#fondblanc{
  height : auto;
  font-weight:normal;
  margin: 0;
  padding: 0px 0px 1px 0px;
  float : left;
  width:450px;
  } 
#detailgauchesaisie{
  width : 100px;
  font-weight:bold;
  margin: 0;
  padding: 10px;
  float : left;
  }
#detaildroitesaisie{
  width : 390px;
  font-weight:normal;
  margin: 0;
  padding: 10px;
  float : right;
  background-color:#c2e47e;
  } 

/****** les métiers ****/

 #fondmetier{
  height : auto;
  font-weight:normal;
  margin: 0;
  padding: 0px 0px 1px 0px;
  float : left;
  }
  
#titremetier{
  margin: 0;
  padding: 0;
  width: 531px;
  float : left;
  }

#contenusavoirplus{
  margin: 0;
  padding: 0;
  width: 531px;
  float : left;
  }
#titresavoirplus{
  margin: 0;
  padding: 0px 0px 5px 0px;
  width: 531px;
    font-weight:bold;
  font-size:120%;
  }
#titresavoirplus img{
  margin: 10px 10px 0px 0px;
  }
#contenutextesavoirplus{
  margin: 0;
  padding: 0;
  /*width: 531px;*/
  float : left;
  }
#imgsavoirplus{
  margin: 0;
  padding: 5px 10px 0px 0px;
  float : left;
  }
#textesavoirplus{
  margin: 0;
  padding: 5px 0px 0px 0px;
  float : left;
  }
#pictometier{
  margin: 0;
  padding: 0;
  width: 60px;
  float : left;
  }
  
#pictometier img{
  float : left;
  border : #fff 0px solid;
  }
  
#descrmetier{
  margin: 0;
  padding: 0;
  width:400px
  float : right;
  }
  
#imgmetier{
  margin: 0;
  padding: 0;
  width: 531px;
  text-align:center;
  float : left;
  }
#traitgris {
  margin: 0;
  padding: 5px 0 5px 0;
  width: 531px;
  float : left;
  }
#traitgris hr{
  height:1px;
  color:#000;
  }
#imgmetier img{
  float : left;
  border : #fff 0px solid;
padding-right:5px;
margin-right:60px;
  }
#contenumetier{
  margin: 0;
  padding: 0px 0px 10px 0px;
  width: 531px;
  float : left;
  }
#contenutemoignage{
  margin: 0;
  padding: 5px 5px 5px 5px;
  width: 531px;
  float : left;
  border:solid 1px #999;
  background: url(../images/degradeb.jpg) repeat-x left top;
  } 
#contenuimgtemoignage{
  margin: 0;
  padding: 0px 10px 0px 0px ;
  width: 100px;
  float : left;
  }  
#contenutextetemoignage{
  margin: 0;
  padding: 0px 0px 0px 0px ;
  width: 411px;
  float : left;
  }  
#titrecontenumetier{
  margin: 0;
  padding: 0px 0px 5px 0px;
  font-weight:bold;
  font-size:110%;
  /*background: url(../images/1flech2.gif) no-repeat left 4px;*/
  }
#textecontenumetier{
  margin: 0;
  padding: 0;
  }
#sommairemetier {
  margin: 0;
  padding: 0;
  width: 281px;
  float : left;
	}
#sommairemetier ul {
	padding:0;
	margin: 0px 0px 0px 15px;
	} 
#sommairemetier ul li {
	padding:0;
	margin: 0px 0px 0px 0px;
	list-style-image :url(../images/1flech2.gif) ;
	list-style-position: outside;
	}
#resumetemoignage{
  margin: 0;
  padding: 0;
  width:250px
  float : right;
  }  
#imgtemoignage{
  margin: 0;
  padding: 0px 10px 0px 0px ;
  width: 50px;
  float : left;
  }  
#textetemoignage{
  margin: 0;
  /*padding: 0px 0px 0px 10px;*/
  width:150px
  float : right;
  }
#textecontenumetier li.rond{
list-style-image: url(../images/pucerond2.gif);
liste-style-position: outside;
padding:0;
margin: 0 0 0 15px;
}
acronym, dfn, abbr, span.abbr { border-bottom: 1px dotted black; cursor: help; }
/*
.csc-menu-1{
  display : block;
  float: left;
  margin : 5px;
  padding-bottom : 20px;

  
}*/
.csc-menu-1{
text-align: center;
}
ul.csc-menu-1 {list-style:none;
display : block;

}
ul.csc-menu-1 li{
padding:0 10px; 
margin:0 ;
float : left;
list-style:none;
display: block;
list-style:none;
}
ul.csc-menu-1 li a:link{
  float : left;
  padding : 0 4px;
  margin : 4px;
  border :#365BA7 1px solid;
 background: #DFEAF8;
  font-size:1.0em;
	color: #3366CC;
  font-weight:bold;
  /*border : 1px solid;*/
}

.csc-menu-1 a:visited, .csc-menu-1 a:hover, .csc-menu-1 a:active{
  float : left;
  padding : 0 4px;
 margin : 4px;
  border :#365BA7 1px solid;
 background: #E6FFAF;
  font-size:1.0em;
	color: #666666;
  font-weight:bold;
  /*border : 1px solid;*/
}