/**
 *
 * PROJET : Diabolocom
 *
 * Intégration xhtml/css : Kevin Magne
 *
 * @copyright Copyright (c) 2009, Agence Soon - http://www.agence-soon.fr
 * @Author kevin.magne@agence-soon.fr
 *
**/

	html { overflow:auto; }
	body { background:#FFF url(../images/backgrounds/body.gif) left top repeat-x; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
	* { margin:0; padding:0; border:none; outline:none; text-decoration:none; list-style-type:none; resize:none; }
	
	/* Styles récurrents */
	.f_left { float:left; display:block; }
	.f_right { float:right; display:block; }
	.clear { clear:both; width:100%; height:1px; line-height:0px; }
	.valign { vertical-align:middle; }
	
/*
 * TYPOGRAPHIE
 * Propriétés de l'ensemble des textes présents sur le site
*/

	a { color:#4b4a4d; }
	a:hover { color:#6b6a6c; }

	/* Hn */
	h1 a { float:left; background:url(../images/misc/logo.png) left top no-repeat; width:251px; height:59px; text-indent:-9999px; }
	h2 { color:#9bca4e; font-family: "Myriad Pro", Myriad, Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", "Helvetica Neue", Helvetica, Arial, sans serif; font-size:18px; font-weight:normal; margin-top:15px; margin-bottom:10px; }
	h3 { color:#94c742; font-size:16px; font-weight:bold; text-align:center; }
	h4 {  }
	h5 {  }
	h6 {  }
	
	/* Paragraphes */ 
	
	p { 
	  margin: 1em 0; /* Marges plus faibles que par défaut. (7) */ 
	} 
	
	/* Color */
	.green { color:#94c742; font-size:12px; font-weight:bold; }
	
	/* Propriétés des différents textes du site */
	table th { color:#FFF; font-size:12px; font-weight:bold; }
	table td { color:#333; font-size:11px; }
	.footer { color:#FFF; font-size:11px; }
	.message_validation { color:#669120; font-weight:bold; }
	
	/* Propriétés des différents liens du site */
	.footer a { color:#FFF; font-size:11px; }
	.footer a:hover { border-bottom:1px dashed #FFF; }
	
/*
 * STRUCTURE DU SITE
 * Structure générale du site
*/

	.background_general { background:url(../images/backgrounds/top.png) center top no-repeat; width:100%; }
	.global { width:980px; margin:0 auto; }
	
	/* Header */
	.header { width:980px; height:59px; margin-bottom:20px; }
	.navbar { float:right; width:560px; height:59px; }
	
	/* Main */
	.main { width:980px; }
	.conteneur_page { float:left; width:659px; }
	.conteneur_page2 { float:left; width:643px; }
	.feature { position:relative; width:659px; height:249px; text-align:center; margin-bottom:10px; }
	.shadow_feature { position:absolute; top:0; left:-20px; background:url(../images/backgrounds/shadow-feature.png) left bottom no-repeat; width:699px; height:249px; }
	.feature2 { position:relative; width:643px; height:207px; text-align:center; margin-bottom:20px; }
	.feature3 { position:relative; width:643px; height:69px; margin-top:-20px; margin-bottom:20px; }
	.contenu_page { border-left:1px solid #becfdf; width:620px; padding:0 19px; line-height:18px; }
	.contenu_page2 { border-left:1px solid #becfdf; width:624px; padding-left:19px; line-height:18px; }
	.sidebar { float:right; width:301px; }
	.soumettre_dossier { float:left; background:url(../images/boutons/soumettre-dossier.png) left top no-repeat; width:301px; height:156px; text-indent:-9999px; margin-bottom:25px; }
	.obligation_resultat { float:left; background:url(../images/boutons/obligation-resultat.png) left top no-repeat; width:301px; height:187px; text-indent:-9999px; margin-bottom:10px; }
	
	/* Footer */
	.footer { background:#082b4c url(../images/backgrounds/bottm.png) center bottom no-repeat; width:100%; height:22px; margin-top:20px; }
	.footer_content { width:980px; height:18px; margin:0 auto; padding-top:4px; }
	
/*
 * DIVERS
 * Diverses propriétés
*/

	.lettrine p:first-letter { float:left; color:#94c742; font-size:37px; font-weight:normal; padding-top:6px; padding-right:5px; }
	
	/* Listing des pages internes */
	.puce_background ul { float:right; position:relative; background:url(../images/backgrounds/puce-background.gif) left top repeat-y; width:536px; padding:5px 0 6px 11px; margin-top:15px; margin-bottom:15px; }
	.puce_background ul .tl { position:absolute; top:0; left:0; background:url(../images/backgrounds/tl-puce-background.gif) left top no-repeat; width:2px; height:2px; }
	.puce_background ul .bl { position:absolute; bottom:0; left:0; background:url(../images/backgrounds/bl-puce-background.gif) left top no-repeat; width:2px; height:2px; }
	.puce_background ul li { background:url(../images/icons/puce-verte.gif) left 7px no-repeat; padding-left:14px; }
	
	.conteneur_page2 ul { padding:5px 0 6px 11px; }
	.conteneur_page2 ul li { background:url(../images/icons/puce-verte.gif) left 7px no-repeat; padding-left:14px;  }
	
	.conteneur_page2 .formular ul { padding:Opx; }
	.conteneur_page2 .formular ul li { background:none; padding:Opx;  }
	
	.puce_contact ul { float:left; position:relative; width:100%; margin-top:20px; margin-left:-20px; }
	.puce_contact ul li { clear:both; width:100%; padding-bottom:30px; }
	*+html .puce_contact ul li { padding-bottom:10px; }
	
	.puce_sitemap ul { float:right; position:relative; width:100%; margin-top:10px; margin-left:-20px; }
	.puce_sitemap ul li { background:url(../images/icons/puce-verte.gif) left 17px no-repeat; padding-left:14px; line-height:40px; }
	
	.name_input { float:left; background:url(../images/icons/puce-verte.gif) left 7px no-repeat; padding-left:14px; margin-left:22px; }

	/* Tableau */
	table { width:493px; margin:5px auto 20px auto; }
	table th { background:#94c742; padding-left:17px; text-align:left; }
	table td { padding-left:17px; }
	table td.td_green { background:#cfe1a9; }
	table td.td_light_green { background:#e9f1d9; }
	
	/* Google Map */
	.map { background:#FFF; border:1px solid #d4d0c8; width:622px; height:228px; }
	
	/* Input */
	input[type=text] { float:left; background:#FFF; border:1px solid #e8e8e8; height:18px; margin-top:2px; margin-left:8px; margin-bottom:10px; color:#666; font-size:12px; }
	
	/* Boutons */
	.boutons_bottom { width:223px; height:19px; margin:0 auto; }
	.bt_envoyer { float:left; background:url(../images/boutons/envoyer.gif) left top no-repeat; width:103px; height:19px; cursor:pointer; text-indent:-9999px; margin-right:17px; }
	.bt_envoyer:hover { background:url(../images/boutons/envoyer.gif) left bottom no-repeat; }
	.bt_effacer{ float:left; background:url(../images/boutons/effacer.gif) left top no-repeat; cursor:pointer; width:103px; height:19px; text-indent:-9999px; }
	.bt_effacer:hover { background:url(../images/boutons/effacer.gif) left bottom no-repeat; }
	
	.bt_accident_circulation a { float:left; background:url(../images/boutons/accident-de-la-circulation.gif) left top no-repeat; width:302px; height:59px; }
	.bt_accident_circulation a:hover { background:url(../images/boutons/accident-de-la-circulation.gif) left -62px no-repeat; }
	.bt_accident_domestique a { float:left; background:url(../images/boutons/accident-domestique.gif) left top no-repeat; width:302px; height:59px; }
	.bt_accident_domestique a:hover { background:url(../images/boutons/accident-domestique.gif) left -62px no-repeat; }
	.bt_agression a { float:left; background:url(../images/boutons/agression.gif) left top no-repeat; width:302px; height:59px; }
	.bt_agression a:hover { background:url(../images/boutons/agression.gif) left -62px no-repeat; }
	.bt_responsabilite_medicale a { float:left; background:url(../images/boutons/responsabilite-medicale.gif) left top no-repeat; width:302px; height:59px; }
	.bt_responsabilite_medicale a:hover { background:url(../images/boutons/responsabilite-medicale.gif) left -62px no-repeat; }
	
	/* Lavalamp */
	.lavaLampWithImage { position:relative; height:24px; width:560px; padding:10px; margin:10px 0; overflow:hidden; }
	.lavaLampWithImage li { float:right; list-style:none; }
	.lavaLampWithImage li.back { background:url(../images/backgrounds/lava.png) right bottom no-repeat; width:13px; height:24px; z-index:8; position:absolute; }
	.lavaLampWithImage li.back .left { background:url(../images/backgrounds/lava.png) left top no-repeat; height:24px; margin-right:13px; }
	.lavaLampWithImage li a { color: #fff; font-size:11px; text-align: center; top:5px; z-index:500; display:block; float:left; height:24px; position:relative; overflow:hidden; margin:auto 10px; }

	/* Message de validation */
	.message_validation { position:relative; background:#f6fceb; border:1px solid #9bca4e; width:571px; padding:10px 10px; margin-top:10px; margin-bottom:23px; text-align:center; }
	.message_validation .tl { position:absolute; top:-1px; left:-1px; background:url(../images/backgrounds/tl-valid.gif) left top no-repeat; width:5px; height:5px; }
	.message_validation .tr { position:absolute; top:-1px; right:-1px; background:url(../images/backgrounds/tr-valid.gif) right top no-repeat; width:5px; height:5px; }
	.message_validation .bl { position:absolute; bottom:-1px; left:-1px; background:url(../images/backgrounds/bl-valid.gif) left bottom no-repeat; width:5px; height:5px; }
	.message_validation .br { position:absolute; bottom:-1px; right:-1px; background:url(../images/backgrounds/br-valid.gif) right bottom no-repeat; width:5px; height:5px; }
	
	/* Validation JavaScript */
	.formError { position:absolute; top:300px; left:0px; padding-bottom:13px; display:block; z-index:5000; margin-top:10px; }
	.formError .formErrorContent { background:#666666; color:#fff; width:150px; font-size:11px; padding:4px 10px 4px 10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
	.formError .formErrorArrow { position:absolute; bottom:0; left:20px; width:15px; height:15px; }
	.formError .formErrorArrowBottom { top:0; margin:-6px; }
	.formError .formErrorArrow div { height:1px; background:#666666; margin:0 auto; display:block; }
	.formError .formErrorArrow .line10 { width:15px; border:none; }
	.formError .formErrorArrow .line9 { width:13px; border:none; }
	.formError .formErrorArrow .line8 { width:11px; }
	.formError .formErrorArrow .line7 { width:9px; }
	.formError .formErrorArrow .line6 { width:7px; }
	.formError .formErrorArrow .line5 { width:5px; }
	.formError .formErrorArrow .line4 { width:3px; }
	.formError .formErrorArrow .line3 { width:1px;  }
	.formError .formErrorArrow .line2 { width:0px; border:none; }
	.formError .formErrorArrow .line1 { width:0px; border:none; }
	
	/* Select via jQuery */
	:focus {outline:none;}
	.js ul.newList {left:-9999px;}
	
	ul.newList { position:absolute; top:22px; left:0; z-index:9999; background:#FFF; border:1px solid #ccc; width:58px; height:100px; list-style:none; color:#666; font-size:11px; overflow-y:auto; overflow-x:hidden; margin-top:16px; margin-left:-1px; }
	.newListSelected { float:left; background:#FFF url(../images/backgrounds/jour.gif) right 50% no-repeat; border:1px solid #e7e7e7; color:#666; font-size:11px; margin:0 0 0 7px; padding:0; }
	.newListSelected span { display:block; }
	ul.newList li { padding:3px 8px; }
	.selectedTxt { margin:0; padding:0 15px 0 5px; vertical-align:middle; }
	.hiLite { background:#e1e1e1!important; color:#666; font-size:11px; }
	.newListHover { background:#eeeeee!important; color:#666; font-size:11px; cursor:default; }
	.newListSelHover, .newListSelFocus { cursor:default; }
	.newListOptionTitle { font-weight:bold; }

	.newListOptionTitle li { border-left:1px solid #ccc; font-weight:normal; }