/*reset*/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}





/*Typos*/

body{font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;font-size:90%;}
/* ### tites ### */
h1, h2, h3, h4, h5, h6{font-weight:bold;margin:0 0 5px 0;font-family: Arial, Helvetica, sans-serif;}
h1{font-size:140%;}
h2{font-size:130%;font-weight:normal;margin:10px 0;}
h3{font-size:120%}
h4{font-size:110%}
h5{font-size:110%;}
h6{font-size:105%;}
/* ### texte ### */
p{line-height:1.2em;margin:0 0 5px 0;text-indent:0;font-size:80%;}
.center{text-align:center;}
cite, blockquote{font-style:italic}
blockquote{margin:0 0 1em 1.5em}
acronym, abbr{letter-spacing:.07em;    border-bottom:.1em dashed #c00;    cursor:help;  }
hr{color:#fff;    background:transparent;    margin:0 0 0.5em 0;    padding:0 0 0.5em 0;    border:0;    border-bottom:1px #eee solid;  }
/* ### Classes texte ### */
#footer, #footer p{font-size:x-small;}
.small{font-size:x-small;line-height: 1.1em;}
.step{display:block;font-weight:bold;margin :10px 0 20px 0;}
/* ### Listes #### */
ul, ol, dl{line-height:1.1em;margin:0 0 5px 1em}
li{margin-left:1.2em;list-style-type:none;list-style-image:none;font-size:80%;}
dt{font-weight:bold}
dd{margin:0 0 1em 2em}
ul.float_img{overflow:auto;}
ul.float_img li{float:left;font-size:100%; }
ul.float_img li *{vertical-align:middle; }
ul.add{margin:15px 0 10px 1em;line-height: 1.3em;}
ul.add li{}
.sur h3{margin:5px 0 10px 0;}
.sur ul {margin:15px 0 10px 75px;}
.sur ul li {font-size:100%;margin: 5px 0 0 1.2em;}
.sur ul li a{font-weight:bold;}
#head_infos li{display:inline;cursor:help}
#footer li{font-size:x-small;}
.sur img{float:right;}
/* ### Liens #### */
a{text-decoration:underline;}
a:hover{text-decoration:none;}
/* ###  #### */


/* Formulaires */
/* Fieldsets */
fieldset {padding: 10px;margin: 10px 0; -moz-border-radius:5px;
-webkit-border-radius:5px;
}
legend {font-weight: bold;font-size: 1.1em;width:420px;text-align:center;display:block;margin:0;padding:2px;}
/* Text fields */
input, textarea, select {margin:0 0 2px 5px;}
input[type=button], input[type=submit], input[type="reset"] {cursor: pointer;}
input[type=checkbox]{width:auto;}
select{width:auto;}
textarea {height: 50px;}
label {width:150px;text-align:right;float:left;}
label:first-letter {text-transform: uppercase}
.btn_submit{height:40px; border:0;width:142px; text-align:center;padding:10px 5px;margin:26px 0 0 125px;font-weight:bold ;cursor:pointer;}



table { width: 100%; border-collapse:collapse; margin: 0 0 5px 0;border:1px solid #000; }
.content table { width:auto; border-collapse:collapse; }

th,td { padding: 4px; }
#rate{margin:0 0 20px 0;}
#rate th, #rate td{width:25%;text-align:center;}
#rate th img{height:18px;}

#menu *{z-index:5}
#menu ul{
  padding:0;
  margin:0 0 0 75px;
  height:25px;
  overflow:auto;

}
#menu li{
  float:left;
  padding:0;
  margin:0;
}
#menu li a{
  display:block;
 color:#fff;
 font-size:1em;
  padding:7px 20px 0 20px;
  text-decoration:none;
  font-weight:bold;
  
}
#menu li a:hover{
  color:#efefef;
   
}




/*blocs*/

/*Général*/
body {text-align: center;}
#page, #main, #header {	position: relative;}
#page, #footer {text-align: left;	margin: 0  auto;width: 940px;padding:0 30px }
#top{text-align:left;margin:0 auto;width:960px;}
#menu{clear:both;height:30px; }
#main {overflow: auto;}
#left {width: 500px;}
#right {	width: 440px;}
#callback{position:absolute;top:10px; right:10px;width:150px;padding:10px;}
.content, .wrapper {clear: both; display: block;float:none;overflow: hidden;}
.content{padding:10px;}
.wrapper {background: none;padding: 5px;}
.col {float: left;display:inline;}
.float_box{overflow: hidden;padding-bottom:1px;}
.m1{margin:10px;}
.m2{margin: 0 0 10px 0;}
.m3{margin: 10px 0;}
#footer {clear: both;padding:30px }

/*styles de blocs*/

#header {height: 150px;padding:0;}
#header #head_infos {position:absolute; top:40px; left:350px; margin:0 200px 0 50px; text-align:center;color:#ff6600;}
#header #head_infos h1 {font-size:12px;color:#3e1446;}
#header #head_infos p{font-size:150%;font-weight: bold;}
#logo{position:absolute;top:0;left:0;height:150px;line-height:0;} 

@import "css/footer.css";

.grid_25, .grid_33, .grid_40, .grid_50 , .grid_60, .grid_75{
	float: left;
	padding: 0;
	margin:0;
}
.grid_25 {width:25%;}
.grid_33 {width:33%;}
.grid_40 {width:40%;}
.grid_50 {width:50%;}
.grid_60 {width:60%;}
.grid_75 {width:75%;}


/* Scroller Box */
#compagnies1, #compagnies2 {
margin-top:20px;
height:80px;
}
#compagnies1 a, #compagnies2 a {
margin:10px;
}


/* Scoller Box */ 
.vote span {
	    margin-left: 3px;
	    font-size: 0.8em;
	}

/*Modules*/
/*Mise en couleurs*/

html {background:#fff url(/images/bg_html.gif) top left repeat-x}
body {background:transparent;color:#3e1446;}
#page{background:#fff url(/images/bg.png) top center repeat-y; }
#header	{ background:transparent url(/images/header.jpg) top left no-repeat;}
#main {background:#fff }
#menu{background:transparent;}
#footer {background:transparent url(/images/footer.png) top center no-repeat;color:#3e1446;}
/*classes*/
.content{background:transparent }
.b1{border:1px solid #000}
.sur{border:1px solid #b08ac5;background:#fff url(/images/bg_sim.jpg) top left repeat-x; }
.contact{background:#fff url(/images/bg_hach.png) top left repeat;border:1px solid #efefef;}
/*Warning & important*/
.warning {background: #fdd;color:#333; border: 2px #F30000 solid; margin:0 0 5px 0; }
.important {background: #ffd; border: 1px #ddb solid;}
.warning h3{color:#F30000;}
.important h3{color:#000}
/*typos*/
a{color:#3e1446}
a:hover{}

.small{color:#666;}
.step{color:#666;}
.bullet li{list-style-image:url(/images/puce_std.gif)}
.sur ul li{list-style-image:url(/images/puce_std.gif)}
.add li{list-style-image:url(/images/plus.gif); cursor:pointer;}
/*table*/
table, th, td {border:1px solid #000}
.content table, .content th, .content td { border:none }
/*form*/
input, textarea, select, checkbox{border: 1px solid #153c04;background: #fff;color:#000; }
select option{background: #FF6600;color:#fff;}

fieldset, legend{background:transparent;}
.form{background:#fff url(/images/bg_bottom_form.jpg) bottom left no-repeat; padding:0 0 30px 0;}
.form_content{background:#fff url(/images/bg_form.jpg) top left no-repeat; padding:1px 0 0 0;}
.form_content h2{background:#ff6600 url(/images/bg_fs.jpg) top left repeat-x; color:#fff;font-weight:bold;height:25px;line-height:1.3em;padding:2px 5px;margin:0 1px 20px 1px;border:1px solid #fff;}
.btn_submit{background:transparent url(/images/btn_form.jpg) top center no-repeat; border:0;color:#666;}
.btn_submit:hover{background:transparent url(/images/btn_form.jpg) bottom center no-repeat;  color:#333;}