@media all{
* {padding: 0; margin: 0}
body{margin: 0 10px; text-align: center;font-family: Arial, Helvetica, sans-serif; }
a{color: #3c636b;}
a:hover{color: #F6A602}
option{padding-right: 5px}

#main{width: 800px; margin: 0 auto;text-align: left; color: #3c636b; font-size: 10pt;
	background-image: url(./images/fond_int.jpg); background-repeat: no-repeat;}
#main_index{width: 800px; margin: 0 auto;text-align: left; color: #3c636b; font-size: 10pt;
	background-image: url(./images/fond_ind.jpg); background-repeat: no-repeat;}
	
/* pied.tpl */
#pied {width: 100%; margin: 10px 0 10px 0;font-size: 10pt; font-weight: 600;
	background-image: url(./images/bando_barre.gif); background-repeat: no-repeat; background-position: 20px 13px;}
#pied a{float: left; display: block; width: 90%;text-align: right; text-decoration: none; color: #3c636b; font-size: 0.75em; line-height: 1.7em;}
#pied a:hover {color: #E3880A;}
#pied span#pied_conception {display: block;font-size: 1.15em; letter-spacing: 2px;}
#pied span#pied_canelle {color: #E3880A;}

/* menu_mailing.tpl
#menu_mailing{width: 100%; height: 1.9em;position: relative; background-color: #447079; color: #e8eeef;}
#menu_mailing form {}
#menu_mailing h1{font-size: 1.1em; font-weight: 900; margin: 4px 0 0 370px;padding-right: 35px;float: left;display: inline;
	background-image: url(./images/fleche_ach.gif); background-repeat: no-repeat;background-position: 220px -4px; }
#menu_maling img {float: left;}
#menu_mailing input{position: relative; margin-top: 2px;color: #447079; }
#menu_mailing a {position: relative; top: -1px;margin-left: 10px; font-size: 1.1em;font-weight: 900; font-style: italic; text-decoration: none; color: #e49421;}
#menu_mailing a:hover {color: #d8a148;}
*/
#menu_mailing{width: 100%; height: 1.7em;position: relative; font-size: 1.1em; font-weight: 900; background-color: #447079; color: #e8eeef;}
#menu_mailing form {display: inline;}
#menu_mailing label{position: relative; top:1px;_top:-2px}
#menu_mailing p{position: relative; margin-left: 337px;display: inline;vertical-align: middle}
#menu_mailing input {margin: 0 10px 0 10px;color:#47737d;_top: -1px;}
#menu_mailing img{vertical-align: top;margin-left: 10px}
#menu_mailing a {position: relative; top: 2px;color: #e8eeef;text-decoration: none;}
#menu_mailing a:hover {color: #D8A148;}
#menu_mailing a#menu_mailing_go {font-weight: 900;font-size: 1.1em; font-style: italic;}

/* menu.tpl*/
#menu{clear: left; width: 100%;background-color: #f29719; height: 1.6em;position: relative; padding: 1px 0;line-height: 1.2em;
	font-size: 0.9em; font-weight: 700;}
#menu ul {list-style-type: none; }
#menu li {float: left; text-align: center; margin: 0 7px;}
#menu a.lien_menu_li {background-image: url(); display: block;}
#menu a {text-decoration: none; color: #fce5c6;}
#menu a:hover {color:#f9cb8c}

/* index.tpl */
#index_menu{float: left;width: 19%;padding: 5px 0px; font-size: 1em;font-weight: 600;color: #8aa5ab}
#index_menu ul{margin: -5px 0 0 0; width: 150px; line-height: 1.35em;list-style:none;
background-image: url(./images/fond_menu_index.gif);}
#index_menu li{padding-left: 28px;background-image: url(./images/rond_orange.gif); background-repeat: no-repeat;background-position: 18px 6px;text-transform : capitalize; }
#index_menu_flashAnim{margin: 130px 0 0 0;}
#index_menu a{text-decoration: none;}

#index_main{float: left;width: 48%;font-size:0.8em;margin-top: 15px;}
#index_main h1{font-size: 1.6em; font-weight: 700;text-align: left;margin: 10px 20px;}
#index_main h2{font-size: 1.1em; margin: 30px 10px 0 15px;background-image: url(./images/carre-orange.gif);background-repeat: no-repeat;background-position:0 6px;padding-left: 13px;}
#index_main p{margin: 0 10px 0 15px}
#index_main a{text-decoration: none;}

#index_article {float: right; width: 30%;font-size: 8pt;text-align: center;}
#index_article_main{margin: 17px 0 0 0px; padding-left:25px;height: 200px;
	background-image: url(./images/anim_affaire.gif); background-repeat: no-repeat; background-position: 0 2px}
#index_article_main h3{font-size: 1.2em;}
#index_article_main p{text-align: left;margin: 3px 4px 0 4px;}
#index_article_main a{text-decoration: none; color: #F6A602;}
#index_article_main a:hover{color: #3c636b}
#index_article_img{margin: 30px 10px 0 10px}
#index_article_img img {margin: 5px 5px;border: 1px solid #FFF; width :220px;}

#index_spacer {clear: both;}

/* regles.tpl*/
#regles {clear: left; margin: 10px 0;font-size:10pt;}
#regles h1{font-size:1.4em;margin-bottom: 20px;text-align: center;}
#regles h2{background-image: url(./images/carre-orange.gif);background-repeat: no-repeat;background-position:0 6px;
	padding-left: 13px;margin: 40px 0 10px 0;font-size:1em;font-weight:700;text-decoration:none;}
#regles p {padding-left: 10px;}
#regles ul, #regles ol{padding-left: 30px;padding-top: 10px;}
#regles table{color:#3c636b;width:95%; margin: 0 0 20px 15px;text-align: center; font-size: 10pt; border-collapse: collapse;}
#regles thead td {height: 3em; padding: 1em 0.3em 1em 0.3em;font-weight: 700;}
#regles td{border:1px solid gray; padding: 0.7em 1.2em 0.5em 1.2em}
#regles td.index {width: 20%;font-weight: 700;}
#regles td.conditions {width:28%}
#regles td.documents {width:33%}
#regles td.duree {width:19%}
#regles td ul{line-height: 1.3em;padding: 0.7em 0.5em 0.5em 1.5em;text-align: left;}

#regles a.imprimer{margin-left: 40%; }
#regles a.imprimer img{border:none;margin-top: 30px;}

/* presentation.tpl*/
#presentation {margin-top: 20px;color:#3c636b;font-family:Arial,Helvetica,sans-serif;font-size:10pt;}
#presentation h1{border:thin none #3c636b;color:#3c636b;font-family:Arial,Helvetica,sans-serif;font-size:1.6em;font-weight:700;text-align: center;}
#presentation h2{background-image: url(./images/carre-orange.gif);background-repeat: no-repeat;background-position:0 9px;
	padding-left: 13px;margin: 25px 0 20px 0;color:#3c636b;font-family:Arial,Helvetica,sans-serif;font-size:1.1em;font-weight:700;text-decoration:none;}
#presentation ul{line-height: 2em;padding-left: 20px;}
#presentation ul.inside {line-height: 1.5em;position: relative; top: -23px; left: 72px;}

/* remises.tpl*/
#remises {text-align: center; font-weight: 700; margin: 0 0 0 30px; height: 500px; padding: 10px 0;}
#remises h2 {margin-top: 40px; font-size: 1.35em; font-weight: 500;}
#remises table{height: 160px; width: 90%; margin-left: 40px;font-weight: 700; font-size: 1em; color: #3c636b; text-align: center; 
	border-collapse: collapse;}
#remises table td{border: 1px solid gray; width: 26%; padding: 3px 5px;}
#remises table td.index{text-align: left; padding-left: 20px; width: 20%; height: 30px;}
#remises table td.index h3 {font-size: 1.1em; background-image: url(./images/carre-orange.gif); background-repeat: no-repeat;
	background-position:0 15px; padding: 10px 0 0 10px}
span.pourcent {color: #E3880A}
#remises em{font-weight: 300;}

/* devis.tpl */
#devis {margin: 0 10px; padding: 0;font-size: 9pt}
#devis .erreur_formulaire {border: 1px solid #F6A602;margin: 20px 0;text-align: center; font-size: 1.2em; font-weight: 700;}
#devis h1 {margin: 30px 0;font-size: 1.3em; text-align: center;}
#devis h2 {background-image: url(./images/carre-orange.gif);background-repeat: no-repeat;background-position:0 6px;
	padding-left: 13px; margin: 20px 0 5px 10px;font-size: 1em;}
#devis form{text-align: center;}
#devis legend {font-weight: 700;color: #3c636b}
#devis fieldset {margin: 20px 10px;padding: 10px;text-align: left;}
#devis label {margin: 0 0 0 8px; padding: 0;}
#devis label.label_espace {margin-left: 20px;}
#devis fieldset input {margin: 0 0 0 20px;}
#devis input.input_decale {margin: 0;}
#devis fieldset select {margin: 0 0 0 20px;color: #3c636b}
#devis fieldset textarea {margin: 0 0 0 20px;}
#devis a{text-decoration: none;}

/* contact.tpl */
#contact {margin: 15px 0 30px 0;height: 500px; text-align: center; font-size: 10pt;}
#contact h1{font-size: 1.6em;}
#contact span.titre_legende{display: block; font-size: 0.7em;font-weight: 600;}
#contact h2{ font-size: 1.35em;}
#contact h3{margin: 0 0 15px 0;}
#contact h4{margin: 20px 0 0 0; text-align: left; background-image: url(./images/carre-orange.gif);background-repeat: no-repeat;background-position:0 6px;
	padding-left: 13px;}
#contact p{padding-left: 13px;margin: 15px 0 0 0; text-align: left;}
#contact a{text-decoration: none;}
#contact em{display:block; margin-top: 50px;}

/* plan.tpl */
#plan {text-align: center;font-size: 10pt;margin: 15px 0 30px 0;}
#plan h1{font-size: 1.6em;}
#plan span.titre_legende{display: block; font-size: 0.7em;font-weight: 600;}
#plan h2{font-size: 1.35em;}
#plan h3{margin: 0 0 15px 0;}
#plan img{margin: 15px 0;border: 1px solid gray;}
#plan a{text-decoration: none;}

/* partenaires.tpl */
#partenaire {text-align: center; height: 500px;font-size: 10pt}
#partenaire h1{margin-top: 30px;font-size: 1.6em;}
#partenaire h2{text-align: left; font-size: 1.1em; background-image: url(./images/carre-orange.gif);background-repeat: no-repeat;background-position:0 6px;
	padding-left: 13px; margin: 40px 0 10px 130px;}
#partenaire img {border: 1px solid gray;}
#partenaire a{text-decoration: none;}

/* affaires.tpl */
#affaire {text-align: center; font-size: 10pt;min-height: 550px;_height: 550px;}
#affaire h1{font-size: 1.3em;margin-top:20px;text-align: center;}
#affaire div.article {border: 1px dotted gray;margin: 15px 10px; padding-bottom: 20px;text-align: left;}
#affaire h2 {font-size: 1.1em; margin: 0 0 0 7px;background-image: url(./images/carre-orange.gif);
	background-repeat: no-repeat;background-position:0 6px; padding-left: 13px;}
#affaire div.article_photo{float: right;text-align: center;}
#affaire div.article_photo img{border: 2px solid #3c636b}
#affaire div.article p{padding: 0 20px}
#affaire div.article a{text-align: center; display:block}
#affaire a{margin-top: 10px;font-weight: 700;}

/* zoom.tpl */
#zoom {text-align: center;font-size: 11pt;}
#zoom a{font-weight: 700;}


/* fin_form.tpl */
#fin_form {height: 350px;text-align: center;font-size: 13pt;font-weight: 700;}
#fin_form p{margin-top: 200px;}

/* mailing.tpl */
#mailing {height: 440px;text-align: center;}
#mailing div#mailing_erreur p{margin: 80px 0;font-size: 1.2em; font-weight: 700;text-align: center;}
#mailing p{text-align: left;margin-top: 320px;}}

@media print{
#banniere {display: none;}
#menu {display: none;}
#menu_mailing {display: none;}
#main {background-image:none;width: 600px;}
td{margin:0; padding:0;}
td ul{margin: 0;margin: 0;}
#pied {display: none;}
a.imprimer{display:none;}
}