/* CSS Document */

*{
  margin:0;
  padding:0;
}

body{
 
  color:#000;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:18px;
  text-align: left;
  height: 100%;
  width: 100%;
}

div#site{
  background: #fff;
  margin:0 0;
}
div#enteteprint{
	float: left;
}
/*----------------------------------------------------------------------------*/
div.visualClear{
  clear:both;
  height:1px;
}
div.visualClear hr{
  display:none;
}
span.oblig{ color :red;}
span.error{ color :red;}


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


h1,h6{
  color:#CA812F;
  font-family:"Century Gothic", Arial, Helvetica, sans-serif;
  font-size:22px;
  font-weight: normal;
  margin-bottom:6px;
}
h2{
  color:#86A53C;
  font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size:11px;
  padding-left:23px;
  text-transform: uppercase;
  font-weight: normal;
  margin-bottom:11px;
  margin-top:11px;
  background: url(../images/h2.png) no-repeat 2px 3px;
}
h3{
  color:#459DAB;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
}
h4{
  color:#666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
h5{
  color:#459DAB;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
}

h6{
  color:#797A75;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:18px;
  text-align:left;
}

a{
  color:#38708F;
  text-decoration: underline;
}
a:hover{
  text-decoration: none;
}
a img{
  border:none;
}
ul {
	margin-left: 9px;
	margin-bottom: 16px;
}
li {
	list-style-type: none;
	list-style-position: outside;
	padding-left: 14px;
	line-height: 16px;
}
img.right {
	float: right;
	display: inline;
	margin-left: 13px;
}
img.left {
	float: left;
	display: inline;
	margin-right: 13px;
}


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

span#PDA{
  width:969px;
  margin:0 auto 0;
  display:block;
  height:21px;
}
span#PDA a{
  color:#4A818E;
  font-family: Arial, Helvetica, sans-serif;
  font-size:10px;
  text-decoration: none;
  position:relative;
  top:3px;
  left:4px;
}
span#PDA a:hover{
  text-decoration: underline;
}

span#PDA{
  display: none;
}
/*----------------------------------------------------------------------------*/
div#outilsZoom {
	float: right;
	}
div#outilsZoom ul {
	display: inline;
	margin-right: 10px;
	margin-top: 6px;
	background: green;
}
div#outilsZoom ul li {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	display: inline;
}
div#outilsZoom ul li a {
	width: 20px;
	height: 11px;
	display: inline;
	float: left;
}
div#outilsZoom ul li a span {
	display: none;
}
a#envoyerAmi {
	background: url(../images/envoyerAmi.gif) no-repeat 0 0;
}
a#envoyerAmi:hover {
	background-position: 100% 0;
}

div#outilsZoom{
  display: none;
}





/*----------------------------------*/
div#header{
  height:200px;
  clear:both;
}

div#contenu{
	float: left;
  background: #fff url(../images/basGauche.gif) no-repeat 0 100%;
  min-height: 438px;
  width: 969px;
  padding: 0;
  margin: 0;
}
* html div#contenu{
  float: left;
  background: #fff url(../images/basGauche.gif) no-repeat 0 100%;
  height: 438px;
}



/*---------------------------------- sousmenu ------------------------------------------*/

div#contenu div#sousmenu ul{
	margin-top: 5px;
	margin-right: 5px;
}

div#contenu div#sousmenu  li {
	text-align: left;
	background: none;
	padding: 2px 0;
	background: #F6F7F1;
	border-bottom: 1px solid #499DA8;
}
div#contenu div#sousmenu  li a {
	color: #777;
	font-weight:  normal;
	background: none;
	text-decoration: none;
}
div#contenu div#sousmenu  li a:hover {
	color: #5289AD;
}
div#contenu div#sousmenu  li a.select {
	color: #5289AD;
	font-weight:  bold;
}
div#contenu div#sousmenu  li a span {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	}
div#contenu div#sousmenu  li ul {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	background: none;
}
div#contenu div#sousmenu  li ul li {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	background: none;
	border: 0px;
	margin-left: 20px;
}



div#sousmenu{
  display: none;
}
/*---------------------------------- centre ------------------------------------------*/

div#contenu div#article{
  padding-top:31px;
  background: #fff url(../images/fondContenu.jpg) no-repeat 0 0 ;
  min-height:365px;
  margin-top: -40px;
  float: left;
}
* html div#article{
  height:365px;
}


div#contenu div#sousmenu{
	width: 150px;
  float: left;
  padding-top: 2px;
  margin: 0;
	padding: 0;
}

div#contenu div#centre{
  padding: 0;
 	margin : 0;
  /*width: 600px;/*/
  width: 100%;
  float: left;
  margin-top: 10px;
}



div#contenu div#thema {
	border: 1px solid #ff0000;
	width: 185px;
	border: 0;
	color: #767674;
	margin: 0;
	padding: 0;
	margin-left: 4px;
	margin-right: 4px;
	padding-bottom:20px;
	float: right;
	background: yellow;
}

* html div#contenu div#thema {
	margin-left: 6px;
	margin-right: 4px;
}
/*---------------------------------- thema ------------------------------------------*/
div#contenu div#thema div.sthema {
	width: 187px;
	margin: 0;
	padding: 0;
	margin-top: 20px;
	margin-left: 2px;
	padding-bottom: 10px;
}
* html div#contenu div#thema div.sthema {
	margin-left: 1px;
}
div#contenu div#thema div.sthema h2 {
	padding: 0;
	margin: 0;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 3px;
	text-transform: uppercase;
	border-bottom: 2px solid #fff;
	background: #fff url(../images/thema_haut.gif) no-repeat;
}
div#contenu div#thema div.sthema p {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	padding: 5px;
	margin: 0;
	font-size: 10px;
	line-height: 14px;
	color: #777;
	text-align: left;
	padding-left: 12px;
}
div#contenu div#thema div.sthema img {
	float: left;
	display: inline;
	margin-right: 8px;
	margin-left: 11px;
	margin-bottom: 0px;
	margin-top: 5px;
	border: 1px solid #B4B6B5;
	padding: 1px;
}
div#contenu div#thema a {
	background: url(../images/voirThema.gif) no-repeat 0 2px;
	color: #4871A5;
	padding-left: 15px;
	margin-left: 5px;
	font-size: 10px;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
}

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

div#bandeau{
  background: url(../images/bandeau.jpg) no-repeat 0 0;
  width:801px;
  height:174px;
  position:relative;
  float:left;
}
div#bandeau h2{
  position: absolute;
  top:27px;
  left:31px;
  width:210px;
  height:120px;
  margin:0;
  padding:0;
  background: none ;
}
div#bandeau h2 a{
  display:block;
  width:210px;
  height:120px;
}
div#bandeau h2 a img{
  display:none;
}

div#bandeau {
  display: none;
}
/*----------------------------------------------------------------------------*/


a#espaceBlock{
  display:block;
  width:168px;
  height:174px;
  background: #fff url(../images/espaceBlock.jpg) no-repeat 0 0;
  float:left;
}
a#espaceBlock span{
  display:none;
}
a#espaceBlock:hover{
  background-position: 100% 100%;
}
a#espaceBlock{
  display: none;
}

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

div#menu{
  float: left;
  background: #848482;
  margin:0 0 0 3px;
  height:24px;
  width: 800px;
  border-top:1px solid #FDFFFC;
  border-bottom:1px solid #FDFFFC;
}

div#recherche{
	margin:0 ;
	margin-right: 3px;
	padding : 0;
	border: 0;
	float: right;
	width: 157px;
	background: #848482;
	border-top:1px solid #FDFFFC;
	border-bottom:1px solid #FDFFFC;
	height:19px;
	padding-top: 3px;
}

html>body div#menu{
	 margin-left: 6px;
	 width: 798px;
}
html>body div#recherche{ 
	width: 160px;
	margin-right: 5px;
	padding-top: 4px;
	height:20px;
}
div#menu ul{
  margin: 0;
  padding:0;
  float:left;
}
div#menu ul li{
  margin: 0;
  padding:0;
  display:inline
}

div#menu ul li a{
  float:left;
  display:inline;
  padding: 0 11px;
  height:24px;
  line-height:24px;
  font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size:10px;
  text-decoration: none;
  color:#fff;
  border-right:1px solid #B7B7B5;
}

div#menu ul li a.telecharger{
  background:#BC292F;
}
div#menu ul li a.select{
  background:#459DAB;
}
div#menu ul li a:hover{
  text-decoration: underline;
  background: #8F8F8D;
}
div#menu ul li a.select:hover{
  text-decoration: underline;
  background: #57A7B2;
}


div#menu{
  display: none;
}

div#recherche{
  display: none;
}
/*----------------------------------------------------------------------------*/

div#index{
  padding-top:31px;
  padding-left:40px;
  padding-right:63px;
  background: url(../images/fondContenu.jpg) no-repeat 0 0;
  width:533px;
  float:left;
  
}


div#newsBlock{
  width:152px;
  float:left;
  padding-left:11px;
  background: url(../images/newsBlock.gif) repeat-y 0 0;
}

* html div#newsBlock{
  overflow:hidden;
}

div#droite{
  height:433px;
  width:162px;
  float:left;
  display:inline;
  margin-left:3px;
  background: #AC6C95 url(../images/droite.png) no-repeat 0 0;
}
/*----------------------------------------------------------------------------*/

div#adresse{
  border-left:3px solid #E5E5E5;
  width:140px;
  padding-top:3px;
  padding-left:12px;
  padding-bottom:8px;
  float:right;
  display:inline;
  margin-right:30px;
}
div#adresse h3{
  margin-top:0;
  font-family:"Verdana", Arial, Helvetica, sans-serif;
  color:#888;
  font-size: 9px;
}
div#adresse address{
  font-family:"Verdana", Arial, Helvetica, sans-serif;
  color:#888;
  font-size: 9px;
  line-height: 14px;
  font-style: normal;
  text-align: left;
}


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

div#newsBlock h2{
  background: url(../images/actualites.jpg) no-repeat 0 0;
  width:168px;
  height:46px;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#fff;
  padding:0;
  margin:0;
  position:relative;
  left:5px;
  text-transform: none;
  margin-bottom:11px;
}
div#newsBlock h2 span{
  position:relative;
  top:21px;
  left:86px;
}
div#newsBlock h3{
  margin-top:-7px;
  color:#478698;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;
  padding-left:11px;
  background: url(../images/puce1.gif) no-repeat 0 7px;
}
div#newsBlock div#photo{
  margin-top:0px;
  margin-left:-3px;
  background: url(../images/photoNewsHaut.png) no-repeat 0 0;
}
div#newsBlock div#photo div{
  padding-left:4px;
  padding-top:4px;
  width:145px;
  min-height:117px;
  background: url(../images/photoNewsBas.png) no-repeat 1px 100%;
}
* html div#newsBlock div#photo div{
  height:117px;
}

div#newsBlock p{
  color:#888;
  font-size:10px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  line-height:14px;
  width:140px;
  margin-left:6px;
  margin-top:6px;
  text-align: left;
}
div#newsBlock p a{
  color:#888;
  text-decoration: none;
}
div#newsBlock p a:hover{
  text-decoration: underline;
}

div#newsBlock ul#news{
  margin:0;
  padding:0;
  margin-top:9px;
  padding-top:1px;
  margin-left:-10px;
  border-top:1px solid #D1E0E7;
}
div#newsBlock ul#news li{
  margin:0;
  padding:0;
  display:inline;
}
div#newsBlock ul#news li a{
  color:#478698;
  display:block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;
  padding-left:21px;
  background: url(../images/puce1.gif) no-repeat 10px 6px;
  text-decoration: none;
  border-bottom:1px solid #D1E0E7;
  padding-top:1px;
  padding-bottom:2px;
  line-height:14px;
  text-align: left;
}

div#newsBlock ul#news li a:hover{
  text-decoration: underline;
}


/*----------------------------------------------------------------------------*/
div#newsBlock div#meteo{
  background:#E1EEC2;
  margin-left:-11px;
  margin-top:7px;
  border-top:3px solid #fff;
  position:relative;
  width:162px;
  height:100px;
  left:1px;
}
* html div#newsBlock div#meteo{
  margin-top:14px;
}
div#newsBlock div#meteo h3{
  padding-top:4px;
  margin-top:0px;
  color:#777;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:normal;
  text-transform:none;
  padding-left:12px;
  background: none;
  position:relative;
  margin:0;
  
}
div#newsBlock div#meteo h3 span{
  color:#478698;
  position:absolute;
  top:2px;
  right:7px;
}

html>body div#newsBlock div#meteo h3 span{
  top:4px;
}
div#newsBlock div#meteo h5{
  margin-top:-6px;
  padding-left:11px;
  color:#478698;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
}

div#newsBlock div#meteo h4{
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#478698;
  position:absolute;
  top:31px;
  right:12px;
}
div#newsBlock div#meteo h4 strong{
  display:block;
  text-align: center;
  color:#AA4829;
  font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size:20px;
  font-weight: normal;
  position:relative;
  top:3px;
  left:1px;
}
div#newsBlock div#meteo a.lienSpe{
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color:#777;
  font-size:9px;
  text-decoration:none;
  position:absolute;
  bottom:-1px;
  left:32px;
}

div#newsBlock div#meteo a.lienSpe:hover{
  text-decoration:underline;
}

div#newsBlock div#meteo img{
  position:absolute;
  top:35px;
  left:14px;

}
/*----------------------------------------------------------------------------*/


div#footer{
  width:969px;
  margin:4px auto 0;
  color:#fff;
  font-size:10px;
}
div#footer ul#fooLeft{
  margin:0;
  padding:0;
  margin-left:34px;
  float:left;
  display:inline;

}
div#footer ul#fooLeft li{
  margin:0;
  padding:0;
  display:inline;
}

div#footer ul#fooLeft li , div#footer a{
  display:inline;
  float:left;
  margin:0 4px;
  padding-right:8px;
  color:#EFFDFE;
  text-decoration: none;
  font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size:10px;
  background: url(../images/sepFooter.gif) no-repeat 100% 4px;
}

div#footer ul#fooRight{
  margin:0;
  padding:0;
  display:inline;
  float:right;
}
div#footer ul#fooRight li{
  margin:0;
  padding:0;
  display:inline;
}


div#footer ul#fooLeft li a, div#footer ul#fooRight li#noe a{
  padding-right:4px;
  background: none;
}
div#footer a:hover{
  text-decoration: underline;
}


div#footer{
  display: none;
}

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

div#droite ul{
  margin:0;
  padding:0;
  margin-top:6px;
}
div#droite ul li{
  margin:0;
  padding:0;
  display:inline;
  background: none;
}
div#droite ul li a{
  display:block;
  width:136px;
  height:53px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#fff;
  font-weight:bold;
  text-transform: uppercase;
  text-decoration: none;
  text-align: right;
  margin-bottom:3px;
  margin-left:20px;
  border:none;
  position:relative;
}

div#droite ul li a:hover{
  text-decoration: underline;
}

div#droite ul li a#carteBlock{
  background: url(../images/carteBlock.png) no-repeat 0 0;
}
div#droite ul li a#alouerBlock{
  background: url(../images/alouerBlock.png) no-repeat 0 0;
  height:56px;
  margin-bottom:0px;
}
div#droite ul li a#projetBlock{
  background: url(../images/projetBlock.png) no-repeat 0 0;
}
div#droite ul li a#presseBlock{
  background: url(../images/presseBlock.png) no-repeat 0 0;
}
div#droite ul li a#diapoBlock{
  background: url(../images/diapoBlock.png) no-repeat 0 0;
}

div#droite ul li a span{
  position:absolute;
  top:0;
  left:0;
  line-height:14px;
}

div#droite ul li a#carteBlock span{
  top:14px;
  left:11px;
}
div#droite ul li a#alouerBlock span{
  top:12px;
  left:50px;
  width:70px;
}
div#droite ul li a#projetBlock span{
  top:20px;
  left:55px;
}
div#droite ul li a#presseBlock span{
  top:22px;
  left:70px;
}
div#droite ul li a#diapoBlock span{
  top:20px;
  left:63px;
}

/*----------------------------------------------------------------------------*/
div#droite a#pub{
  position:relative;
  top:11px;
  left:16px;
}





div#droite{
  display: none;
}
/*----------------------------------------------------------------------------*/
div#rubAnnexe{
  height:30px;
  margin-top:20px;
  background: red;
  margin-left: -20px;
  padding-left:20px;
  margin-right: -40px;
  padding-top:8px;
  background: url(../images/sepRub.png) no-repeat 0 0;
}

div#rubAnnexe ul{
  margin:0;
  padding:0;
}

div#rubAnnexe ul li{
  margin:0;
  padding:0;
  display:inline;
}

div#rubAnnexe ul li a{
  position:relative;
  top:5px;
  margin:0;
  padding:0;
  float:left;
  display:inline;
  margin-right:20px;
  color:#7C7C7C;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  text-decoration: none;
}
div#rubAnnexe ul li a:hover{
  text-decoration: underline;
}

/*----------------------------------------------------------------------------*/
div#rubAnnexe2{
  height:30px;
  margin-top:20px;
  background: red;
  padding-left:20px;
  padding-top:8px;
  margin-left: 10px;
  margin-right: 10px;
  background: url(../images/sepRub2.png) no-repeat 0 0;
}

div#rubAnnexe2 ul{
  margin:0;
  padding:0;

}

div#rubAnnexe2 ul li{
  margin:0;
  padding:0;
  display:inline;
}

div#rubAnnexe2 ul li a{
  position:relative;
  top:5px;
  margin:0;
  padding:0;
  float:left;
  display:inline;
  margin-right:20px;
  color:#7C7C7C;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  text-decoration: none;
}
div#rubAnnexe2 ul li a:hover{
  text-decoration: underline;
}

div#rubAnnexe2{
  display: none;
}

/*----------------------------------------------------------------------------*/
div#recherche fieldset{
	margin : 0;
	padding : 0;
	border: 0;
	background: #848482;
}

div#recherche fieldset #recherche_submit{
	color:#ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  background-color: #A76DAA;
  border: 1px solid #ffffff;
}
div#recherche fieldset #recherche{
	color:#7C7C7C;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  background: #ffffff;
  margin : 0;
	padding : 0;
	border: 0;
}
/*------------------------------------formation ------------------------------*/
div#article form{
	border: 1px solid #f0f0f0;
	padding: 10px;
	margin-bottom: 10px:
}

div#article form fieldset{
	border: 0px;
}
div#article form input.submit{
	color:#ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #A76DAA;
  border: 1px solid #ffffff;
  padding: 2px;
}
/*------------------------------------tableau ------------------------------*/
table {
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
	border-collapse:	collapse;
	text-align: left;
}
table tr td{
	text-align: left;
}
table tr td.ajout{
	text-align: right;
}
table td.right{
	text-align: right;
}
table tr td.center{
	text-align: center;
}

table thead tr, table thead tr a {
	background: #459FAA;
	color: #fff;
	text-decoration: none;
	text-align: left;
}
table td {
	padding: 2px;
	border: 1px solid #E4E4E4;
}
table th {
	padding: 2px;
	border: 1px solid #307F89;
}

table tfoot tr{
	color: #459FAA;
	border: 0px;
	}
table tfoot tr td{
	text-align : right;
	border: 0px;
	}


/*------------------------------------pagination------------------------------*/

div#pagination{
    padding-bottom:5px;
    margin-top:10px;
    clear: both;
}
div#pagination ul{
	float: left;
    margin:0;
    padding:0;
}
div#pagination ul li{
    list-style-type:none;
    display:inline;
    background: none ;
    padding:0;
    margin:0;
}
div#pagination ul li a, div#pagination ul li strong{
    display:inline;
    float:left;
    background: none;
    padding:0;
    margin:0;
    margin-right:10px;
}

div#pagination{
  display: none;
}
/*------------------------------- entreprise ---------------------------------------------*/
div#entreprise{
	float: left;
}
div#adresseentreprise{
  border-left:3px solid #E5E5E5;
  width: 200px;
  padding-top:3px;
  padding-left:12px;
  padding-bottom:8px;
  float:right;
  display:inline;
  margin-right:0px;
  margin-left: 10px;
}
div#adresseentreprise h3{
  margin-top:0;
  font-family: Arial, Helvetica, sans-serif;
  color:#888;
  font-size: 9px;
}
div#adresseentreprise address{
  font-family: Arial, Helvetica, sans-serif;
  color:#888;
  font-size: 12px;
  font-style: normal;
  text-align: left;
  margin-bottom:10px;
}

/*------------------------------- telecharger ---------------------------------------------*/
span.acrobat{
	background: #efefef;
	font-size: 12px;
	padding: 5px;
	margin-bottom: 10px;
	display: block;
}
div#telecharger h5{
	margin-top: 10px;
	}
div#telecharger h4{
	margin-top: 10px;
	}
	
	/*---------------------------   QCM   ----------------------------------------*/

div#qcm img{
  vertical-align: middle;
}

div.qcmquestion{
  border:1px solid #ddd;
  float:left;
  width:540px;
  margin-bottom:20px;
}
div.qcmquestion div.qcmlibelle{
  background: #f7f7f7 url(../images/motifQCM.gif) repeat-x 0 100%;
  padding:4px;
  border-bottom:1px solid #ddd;
  margin-bottom:10px;
}
div.qcmquestion div.qcmlibelle strong{
  font-family: Georgia,Times,serif;
  font-size: 14px;
}
div.qcmquestion ul{
  margin:0;
  padding:0;
}
div.qcmquestion li{
  padding-bottom:4px;
  padding-left:30px;
	background: url(../images/puce_article.gif) no-repeat  10px 50%;
  border-bottom:1px solid #eee;
  float:left;
  width:510px;
}

div#qcm form{
	border: 0px;
	}
div#qcm form div label{
  display:inline;
  float:left;
  width:70px;
}
div#qcm form div input{
  display:inline;
  float:left;
}
div#qcm form textarea{
  overflow:auto;
  width:226px;
  height:69px;
  color:#555;
}
div#qcm  select{
  width:50px;
}
div#qcm span.blocCom{
  display:inline;
  float:left;
  margin-left:2px;
  margin-top:4px;
  margin-bottom:10px;
  font-style: italic;
  height:90px;
}
div#qcm form input.case{
  border:none;
  float:none;
  position:relative;
  top:2px;
  left:-3px;
}
div#qcm form select{
  position:relative;
  top:2px;
  margin-bottom:2px
}
html>body div#qcm form input.case{
  position:relative;
  top:3px;
}
div#qcm form input.valider{
  float:none;
  clear:both;
  font-size:12px;
	background:  #A76DAA;
	color: #fff;
	height: 20px;
	border: 1px solid #fff;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
}
div#qcm form div.lignetableau1,div#qcm form div.lignetableau2{
  clear:both;
  height:20px;
}
div#qcm form div.lignetableau1 label,div#qcm form div.lignetableau2 label{
 text-align : left;
 width: auto;
}

	
	/*----------------------------------------------------------------------------*/
form.cv div{
  clear:both;
  padding-top:3px;
  padding-bottom:3px;
  border-bottom:1px solid #eee;
}
form.cv label{
  width:130px;
  padding-right: 10px;
  float:left;
}
form.cv textarea{
  width:320px;
}

/*----------------------------------------------------------------------------*/
div#marche div.bloc div{
  border:3px solid #CADCB3;
  padding:0 10px 20px;
}

div#marche div.bloc div h2{
  background: #f7f7f7 url(../images/motifQCM.gif) repeat-x 0 100%;
  border-bottom:1px solid #ddd;
  padding:10px;
  margin: 0 -10px 10px;
  font-weight: bold;
}

div#marche div.bloc div h3{
  border:0;
  padding:0;
  margin:0;
  margin-bottom:5px;
  color:#5C8F11;
  font-size:12px;
}
div#marche div.candidat{
  background: #fcfcfc;
  padding: 20px;
  margin-bottom:20px;
  border:1px solid #ddd;
}
div#marche div.candidat h3{
  border:0;
  padding:0;
  margin:0;
  margin-bottom:10px;
  color:#5C8F11;
  font-size:12px;
}


div.blocValeur{
  border:1px solid #358C9C;
  padding:10px;
  background: #eee;
}
div.blocValeurRouge{
  border:1px solid #9F1344;
  padding:10px;
  background: #eee;
}
div.blocValeurBleu{
  border:1px solid #1F829F;
  padding:10px;
  background: #eee;
}
div.blocValeurVert{
  border:1px solid #568817;
  padding:10px;
  background: #eee;
}


ul.leftListe{
  margin-top:10px;
  float:left;
  padding-bottom:20px;
  padding-right:80px;
}
ul.leftListe a:hover{
  text-decoration: none;
}

/*----------------------de madne implantation ------------------------------------------------------*/
div#titre_fiche_proj {
	clear:both;
  padding-top:3px;
  padding-bottom:3px;
}
div#titre_fiche_proj form{
	border: 0px;
}
div#titre_fiche_proj form div{
	clear: both;
	vertical-align: baseline;
	padding: 0;
	margin: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	}
div#titre_fiche_proj form div label{
	float: left;
	width: 300px;
	display: block;
}
div#titre_fiche_proj form hr{
	 height: 1px;
	 color: #efefef;
	
	 padding: 0;
	 margin: 5px;
}
div#titre_fiche_proj form h3{
	background: #efefef;
	margin-bottom : 10px;
	padding: 3px;
	}
div#titre_fiche_proj form input{
	margin-right: 5px;
	}
	
/*---------------------------   contact   ----------------------------------------*/
div#contact {
	margin-top: 10px;
	}
div#contact form{
	border: 0px;
	padding: 0;
}
div#contact form div{
	clear: both;
	margin-bottom: 10px;
	}
div#contact form  div label{
	width: 250px;
	display: block;
	float: left;
}

/*---------------------------   Fiche entreprise espace membre   ----------------------------------------*/

div#titre_fiche_ent form div label{
	float: left;
	width: 130px;
	display: block;
	
	}
	
div#titre_fiche_ent {
	clear:both;
  padding-top:3px;
  padding-bottom:3px;
}
div#titre_fiche_ent form{
	border: 0px;
}
div#titre_fiche_ent form div{
	clear: both;
	vertical-align: baseline;
	padding: 0;
	margin: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	}
	
div#titre_fiche_ent form hr{
	 height: 1px;
	 color: #efefef;

	 padding: 0;
	 margin: 5px;
}

div#titre_fiche_ent form input{
	margin-right: 5px;
	}
	
div#titre_fiche_ent #submitEntreprise{
	float: right;
	}

/*---------------------------   offre d'emploi   ----------------------------------------*/
div#emploi {
	margin-top: 10px;
	float: left;
	width: 350px;
	}
div#emploi form, div#emploi form  fieldset{
	border: 0px;
	padding: 0;
}
div#emploi form  fieldset label{
	padding-right: 10px;
	
	}
div#emploi form fieldset div label, div#cv form fieldset div label{
	width: 200px;
	display: block;
	float: left;
}
div#emploi form fieldset div, div#cv form fieldset div {
	clear: both;
}
/*---------------------------   identification   ----------------------------------------*/
form.identification{
	float: left;
	margin-bottom: 10px;
	}

form.identification label{
	width: 250px;
	display: block;
	float: left;
}
form.identification div {
	clear: both;
}
form.identification input.submit {
	float: right;
}