/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{ text-align:center; background-position: 50% 0%;; background-image:url(images/back.jpg); background-repeat:no-repeat; }



.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:"Lucida Grande","Lucida Sans Unicode";font-size:11px; line-height:1.5em; letter-spacing:0.0em;fontcolor:#3f3f3f;}
input, select { vertical-align:middle; font-weight:normal;}
a.st2 { color:#97be0d; text-decoration:none;;font-weight:bold}

a {color:#008cbd; text-decoration:none;}
a:hover{color:#ee0202; ;}
p {padding-top:15px;}

h3 span{ display:block; font-size:0.846em; padding-top:9px;}


/* ============================= main layout ====================== */
.txtbleu{ color:#008cbd;}
.txtr{ color:#920001;}
.txtblanc{ color:#fff;}
.langue{ margin-bottom:20px}
.margin0{ margin-bottom:0 !important;}
.marginintro{ margin-left:20px; margin-top:20px; margin-right:20px; width:592px}

.border01{
	margin-bottom:5px;
	margin-right:5px;
	margin-left:20px;

	}
	.cadmin{
		border-color:#BBB;
		border-width:1px;
		border-style:dotted;}
.champs{font: 11px Verdana;
color: #000;
border: 1px #BBB solid;
background-color: #fff;
width : 350px;
margin:3px;

}
.champcontact{
width : 280px;


}
.champ4{font: 0.7em Verdana;
color: #000;
border: 1px #2c617d solid;
background-color: #fff;
width : 160px;
margin:0px;

}
.champ4b{font: 10px Verdana;
color: #fff;
border: 1px #2c617d solid;
background-color: #2c617d;
width : 160px;
height:18px;
margin-top:4px;
margin-bottom:4px;

}

.bout{font: 11px Verdana;
color: #fff;
border: 1px #2c617d solid;
background-color: #2c617d;
width : 180px;
margin:3px;

}
.casecadre{ 
border: 1px #2c617d dotted;
width : 100%;
padding:3px;
margin-bottom:20px;

}
.tdiv{ 
width : 100%;

}
.marge{padding-left:25px;}
.borderimgt{margin:5px}
.marge2{padding-left:45px;}

ul {margin-left:20px;margin-top:5px; }
ol {margin-left:25px }

/* ============================= content ====================== */
.column-1{ margin-top:0px; margin-left:150px}


/* ============================= style couleurs ====================== */
.rouge{ color:#ee0202; font-weight:bold ; font-size:13px}
.titre{ color:#2e6481; font-weight:bold ; font-size:14px; font-family:Helvetica, sans-serif}
.titre12{ font-size:13px; font-family:Helvetica, sans-serif}

.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	
}



#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
font: 11px Verdana;
color: #ffca2a;
border: 1px #9e9a9b solid;
background-color: #333238;
width : 320px;
padding:2px;
}
input.validation-failed, textarea.validation-failed {
font: 10px Verdana;
color: #fba919 ;
border: 1px #fba919 solid;
background-color: #000;
width : 320px;
}
input.validation-passed, textarea.validation-passed {
font: 10px Verdana;
color: #fba919 ;
border: 1px #fba919 solid;
background-color: #000;
width : 320px;
}

.validation-advice {
	margin: 2px 0;

	background-color: #fba919;
	color : #FFF;
	font-weight: bold;
width : 320px;
padding:2px;
	font-size:12px;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}
.petit{
	font-size:11px;
	
	}
#container2 {
	border: 1px #2c617d dotted;
	padding:5px;
width:100%;
overflow: hidden;
}

#scroller {


  width: 3000px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}
.content {
  width: 310px;
  height: 120px;
  float: right;

  padding: 0px;

  font-size: .8em;

}

.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
  font-size: .9em;
  color:#00009C;
  font-weight: bold;
}

<!--[if IE]>
<style type="text/css">

#scroller{
  width: 2000px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}
#contenu_03{
margin-right:36px;
width:100%;
text-align:center;
}
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
	.wrap1 {
	float:right;
	background:url(images/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(images/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 8px 28px 0;
	background:url(images/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}

#v3 .wrap1 {background:url(images/shadow.gif) right bottom no-repeat;}
#v3 .wrap2 {background:url(images/corner_bl.gif) -12px 100% no-repeat;}
#v3 .wrap3 {
	padding:0 10px 10px 0;
	background:url(images/corner_tr.gif) 100% -12px no-repeat;}