/* Styles par defaut */

body, div, p, form, fieldset, label, input, select, textarea, ol, ul, li, a, h1, h2, h3, h4, span, hr, table, tr, th, td {
	margin:0; padding:0; font-family: Arial, sans-serif;
}

a img {border:0;}
acronym {border:0;}


body { position:relative; background: #5a79a1; }

/* Contact */
checkbox, input, radio, select, textarea { font-size:11px; }


/* Styles generaux */

hr.nof { visibility: hidden; clear: both; }

/* Mise en page des erreurs */
.fieldWithErrors {  background-color: #c00;  }
#errorExplanation { width: 400px; border: 2px solid #c00; padding: 0px 7px 7px 7px; margin-bottom: 20px; background-color: #f0f0f0; }
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 0px 5px 5px 15px; font-size: 12px; margin: 0px -7px; background-color: #c00; color: #fff; }
#errorExplanation p { color: #333; margin-bottom: 0; padding: 5px; }
#errorExplanation ul li { font-size: 12px; list-style: square; margin-left: 40px; }

/* Mise en page generale */

#conteneur { position: relative; width: 758px; text-align: center; margin: 0 auto; background: url(../images/layout/bg.png) repeat-y top center; }
#header { position: relative; width: 750px; text-align: center; margin: 0 auto; height: 62px; background: white; }
#menu { position: relative; width: 750px; text-align: center; margin: 0 auto; height: 140px; }
#contenu { position: relative; width: 750px; text-align: center; margin: 0 auto; padding-top:30px; }
#footer { position: relative; clear:both; width: 750px; text-align: center; margin: 20px auto 0px auto; height: 25px; background: #6a86aa; font-size:11px; }

/* Header */
#img_header { position: absolute; top: 14px; left: 14px; }
#menu_langues { position: absolute; top: 0; left:620px; width:60px; height:24px; text-align:center; background: url(../images/layout/bg_langues.png) no-repeat top center; }
#menu_langues a { line-height:24px; margin:0 2px; }

/* Menu */
#menu ul { position:relative; text-align: left; padding-top:5px; padding-left:15px;  font-weight: bold; }
#menu ul li { height:18px; width:260px; background: url(../images/layout/menuASQUAL.png) no-repeat -20px 0px; list-style-type: none; }
#menu ul li a { font-size:12px;  color: white; text-decoration: none; padding-left:15px; height:100%; display: block; background: url(../images/layout/menuASQUAL.png) no-repeat -20px 0px; }
#menu ul li a.active, #menu ul li a:hover { color: #e2ee0c; background-position: 0px 0px; }
.menuAccueil { background:#0059A1 url(../images/layout/header-accueil.jpg) 0 0 no-repeat; }
.menuModeEmploi { background:#0059A1 url(../images/layout/header-modeEmploi.jpg) 0 0 no-repeat; }
.menuQualificationsModeEmploi {background:#0059A1 url(../images/layout/header-modeEmploi.jpg) 0 0 no-repeat;}
.menuCertifications { background:#0059A1 url(../images/layout/header-certifications.jpg) 0 0 no-repeat; }
.menuQualifications { background:#0059A1 url(../images/layout/header-qualifications.jpg) 0 0 no-repeat; }
.menuMarquageCE { background:#0059A1 url(../images/layout/header-marquage-CE.jpg) 0 0 no-repeat; }
.menuContact { background:#0059A1 url(../images/layout/header-contact.jpg) 0 0 no-repeat; }

/* Colonnes gauche */
#col_gauche { position:relative; width:187px; float:left; display:inline; text-align:left; margin-left:15px; font-size:11px; color:#5a79a1;  }

.bgbloc {position:relative; background: url(../images/layout/bgBlocsGauche.png) bottom left no-repeat; padding-bottom:20px; margin-bottom: 30px; }
.bgbloc h1 { position:relative; width:187px; height:30px; text-indent:-5000px; }

.fr #actualites h1 { background:url(../images/fr/bloc-actualites.png) top left no-repeat; }
.en #actualites h1 { background:url(../images/en/bloc-news.png) top left no-repeat; }

#actualites ul { padding:0 0 5px 20px; }

/* bloc d'actu */

.actu { padding:5px 5px 5px 15px; position: relative; }
.actu h2 { font-size:12px; }
.actu a { color:#5a79a1; }

.actu .suite { text-align:right; }
.actu .suite a {  color:#5a79a1; }
.actu .suite a:hover { color:red; }

/* actu mise à la une */
#une { background-color:#5a79a1; color:#fff; }
#une a { background-color:#5a79a1; color:#fff; }
#une .suite { background-color:#5a79a1; color:#fff; }
#une .suite a {color:#fff;}
#une .suite a:hover {color:#e2ee0c;}


.fr #telecharger h1 { background:url(../images/fr/bloc-telecharger.png) top left no-repeat; }
.en #telecharger h1 { background:url(../images/en/bloc-telecharger.png) top left no-repeat; }
#telecharger ul { padding:5px 5px 5px 20px; list-style-type: none; }
#telecharger ul a { color: #5a79a1; }
#telecharger ul a:hover { color:red; }
#telecharger ul li { margin-bottom: 5px; }


.fr #liens h1 { background:url(../images/fr/bloc-liens.png) top left no-repeat; }
.en #liens h1 { background:url(../images/en/bloc-links.png) top left no-repeat; }

.fr #references h1 { background:url(../images/fr/bloc-references.png) top left no-repeat; }
.en #references h1 { background:url(../images/en/bloc-references.png) top left no-repeat; }


#references h2 { font-size:13px; padding:5px 10px 5px 10px; border-bottom:1px solid #ccc; }
#references p { padding: 5px 5px 5px 10px; margin-bottom: 5px; }
ul.listeRef { padding:0 15px 0 10px; margin-top: 10px; margin-bottom: 10px; }
.listeRef li { list-style-type:disc; list-style-position:inside; padding:0; margin:0; }
.listeRef li a { color:#5A79A1; }
.listeRef li a:hover { color:red; }

#liens ul { padding:5px 5px 5px 20px; list-style-type: none; }
#liens ul a { color: #5a79a1; }
#liens ul a:hover { color:red; }
#liens ul li { margin-bottom: 5px; }

#label_cofrac { position:relative; margin-bottom: 20px; text-align:center; font-size:10px; }
#label_cofrac img { padding:0 0 5px 0; }
#label_cofrac div { color: #5a79a1; width:90px; margin:0 auto; text-transform:uppercase; text-align: center; }
#label_cofrac a { color: #5a79a1; text-decoration:none; }

/* Corps de page */
#corps { position:relative; float:left; display:inline; margin-left:30px; width:492px; font-size:12px; text-align:left; }

#corps h1 { position:relative; height:40px; color:#327ab3; font-size:26px; text-indent: -5000px; }
.actualites div#corps h1 { margin:0 0 20px 10px; text-indent: 0; border-bottom:1px solid #cccccb; height:auto; }
.actualites div#corps div.detail_actu { padding:10px 15px 0 15px; text-align:justify; }

.fr .accueil h1 { background: url(../images/fr/ASQUAL-partenaire-qualite.png) no-repeat top left; }
.fr .mode_emploi h1 { background: url(../images/fr/ASQUAL-mode-emploi.png) no-repeat top left; }
.fr .marquage h1 { background: url(../images/fr/ASQUAL-marquage-CE.png) no-repeat top left; }
.fr .certifications h1 { background: url(../images/fr/ASQUAL-les-certifications.png) no-repeat top left; }
.fr .contact h1 { background: url(../images/fr/ASQUAL-contact.png) no-repeat top left; }

.en .accueil h1 { background: url(../images/en/ASQUAL-quality-partner.png) no-repeat top left; }
.en .mode_emploi h1 { background: url(../images/en/ASQUAL-direction-for-use.png) no-repeat top left; }
.en .marquage h1 { background: url(../images/en/ASQUAL-CE-marking.png) no-repeat top left; }
.en .certifications h1 { background: url(../images/en/ASQUAL-all-certifications.png) no-repeat top left; }
.en .contact h1 { background: url(../images/en/ASQUAL-contact.png) no-repeat top left; }

#corps h2 { position:relative; height:30px; color:#327ab3; font-size:18px; text-indent: -5000px; margin-top:15px; }
#corps h3 { position:relative; height:20px; color:#5a79a1; font-size:16px; /*text-indent: -5000px;*/ margin-top:10px; }

#corps p { padding:10px 15px 0 15px; text-align:justify;  }

#corps ul { padding:10px 15px 0 40px; list-style-type: square; }
#corps ol { padding:10px 15px 0 40px; }

#corps ul ul { padding:0 15px 0 0; list-style-type:none; }

#corps a { color:#0159a1; text-decoration:underline;}
#corps a:hover { color:#e4312d;}


/* Page accueil */
.fr .accueil h2.elaboration { background: url(../images/fr/accueil_elaboration.png) no-repeat top left; }
.en .accueil h2.elaboration { background: url(../images/en/accueil_elaboration.png) no-repeat top left; } 
.fr .accueil h2.mode_emploi { background: url(../images/fr/accueil_mode_emploi.png) no-repeat top left; }
.en .accueil h2.mode_emploi { background: url(../images/en/accueil_mode_emploi.png) no-repeat top left; } 
.fr .accueil h2.certification { background: url(../images/fr/accueil_certification.png) no-repeat top left; }
.en .accueil h2.certification { background: url(../images/en/accueil_certification.png) no-repeat top left; }  
.fr .accueil h2.qualification { background: url(../images/fr/accueil_qualification.png) no-repeat top left; }
.en .accueil h2.qualification { background: url(../images/en/accueil_qualification.png) no-repeat top left; }
.fr .accueil h2.marquage { background: url(../images/fr/accueil_marquage.png) no-repeat top left; }
.en .accueil h2.marquage { background: url(../images/en/accueil_marquage.png) no-repeat top left; }
.fr .accueil h2.labos { background: url(../images/fr/accueil_comparaisons.png) no-repeat top left; }
.en .accueil h2.labos { background: url(../images/en/accueil_comparaisons.png) no-repeat top left; } 

#accueil_certifs li {  }
#accueil_certifs .asterisk { font-size: 22px; font-weight: bolder; }

/* illustration suspendue 
.fr .accueil #accueil_missions h3 { background: url(../images/fr/accueil_missions.png) no-repeat top left; margin-left: 10px; }
.en .accueil #accueil_missions h3 { background: url(../images/en/accueil_missions.png) no-repeat top left; margin-left: 10px; } 
#accueil_missions { margin-top: 35px; margin-bottom: 20px; border: 1px solid #cccccc; position: relative; height: 240px; }
#accueil_missions .certification { position: absolute; width: 90px; color: #b52d26; top: 82px; left: 16px; }
#accueil_missions .marquage { position: absolute; width: 96px; color: #1063a7; top: 28px; left: 348px; }
#accueil_missions .interlabo { position: absolute; width: 96px; color: #6c6e49; top: 165px; left: 348px; }
#accueil_missions img { position: absolute; top: 30px; left: 140px; }
*/

/* Page mode_emploi */
.fr .mode_emploi h2.demarche { background: url(../images/fr/certification_demarche.png) no-repeat top left; }
.en .mode_emploi h2.demarche { background: url(../images/en/certification_demarche.png) no-repeat top left; }
.fr .mode_emploi h2.valeur_ajoutee { background: url(../images/fr/certification_valeur_ajoutee.png) no-repeat top left; }
.en .mode_emploi h2.valeur_ajoutee { background: url(../images/en/certification_valeur_ajoutee.png) no-repeat top left; } 

/* Page marquage ce */
.notif ul li { margin-top:0; padding-top:15px; }
.notif ul li li { padding-top:0; }

/* Page certifications : pas d'images pour les titres */
.certifications #corps h2 { position:relative; text-indent:0; background:none; border-bottom:1px solid #ccc; font-size:14px; height:20px; margin:20px 0 0 0; }
.certifications #corps div { padding:10px 15px 0 0; }
.certifications #corps div p { padding:10px 15px 0 15px; }
.certifications #corps div ul { padding:0 15px 0 40px; } 
.certifications #corps div ul li { margin:0; }

.certifications .certifG img { padding:3px; border:1px solid #ccc; float:left; margin:10px 20px 0 0; }
.certifications .certifD img { padding:3px; border:1px solid #ccc; float:right; margin:10px 0 0 20px; }

.certifications #corps .documents ul { list-style-type: none; }

.pdf { display:block; background:url(../images/icon_pdf.gif) 0 50% no-repeat; padding-left:25px; margin:10px 0 0 15px; line-height:20px; }

.certifications .asterisk { font-size: 17px; font-weight: bolder; }

/* Page contact */
.fr .contact #interlocuteurs h2 { background: url(../images/fr/contact_vosinterlocuteurs.png) no-repeat top left; }
.en .contact #interlocuteurs h2 { background: url(../images/en/contact_vosinterlocuteurs.png) no-repeat top left; }
.fr .contact #form_contact h2 { background: url(../images/fr/contact_label_formulaire.png) no-repeat top left; }
.en .contact #form_contact h2 { background: url(../images/en/contact_label_formulaire.png) no-repeat top left; }

.contact #form_contact div#errorExplanation h2 { background: none; text-indent: 0; }
.contact #form_contact div#errorExplanation { margin-left: 40px; margin-top: 20px; }

.contact #form_contact input, .contact #form_contact select, .contact #form_contact textarea { float: left; width: 265px; margin-bottom: 10px; margin-left: 30px; }
.contact #form_contact textarea { height: 70px; }
.contact #form_contact span { color: red; font-style: italic; padding-right: 2px; }
.contact #form_contact label { float: left; width: 160px; margin-bottom: 10px; text-align: right; } 
.contact #form_contact .form_legend_asterisque { float: right; width: 265px; padding-top: 0px; font-style: italic; }
.contact #form_contact p.submit { float: right; width: 265px; clear: both; padding-top: 15px; padding-bottom: 10px; }
.contact #form_contact p.submit input { width: 120px; margin-left: 0 }

/* Page qualification */

.fr .qualification h1 { background: url(../images/fr/ASQUAL-qualification.png) no-repeat top left; }
.en .qualification h1 { background: url(../images/en/ASQUAL-qualification.png) no-repeat top left; }

.fr .qualifications_mode_emploi #corps h1 { background:transparent url(../images/fr/qualification_mode_emploi.png) no-repeat scroll left top; }
.en .qualifications_mode_emploi #corps h1 { background:transparent url(../images/en/qualification_mode_emploi.png) no-repeat scroll left top; }

.fr .qualifications_mode_emploi #corps h2.soustitre { background:transparent url(../images/fr/qualification_mode_emploi_soustitre.png) no-repeat scroll left top; }
.fr .qualifications_mode_emploi #corps h2.enquete { background:transparent url(../images/fr/qualification_mode_emploi_enquete.png) no-repeat scroll left top; }

.qualification #corps h2 { position:relative; text-indent:0; background:none; border-bottom:1px solid #ccc; font-size:14px; height:20px; margin:20px 0 0 0; }
.qualification #corps div { padding:10px 15px 0 0; }
.qualification #corps div p { padding:10px 15px 0 15px; }
.qualification #corps div ul { padding:10px 15px 0 40px; } 
.qualification #corps div ul li { margin:0; }

.qualification #corps p.certifLogo {text-align:center;}

.qualification .certifG img { padding:3px; border:1px solid #ccc; float:left; margin:10px 20px 0 0; }
.qualification .certifD img { padding:3px; border:1px solid #ccc; float:right; margin:10px 0 0 20px; }

/* Footer */
#footer p { padding-top: 5px; color: white; }

#footer_img { text-indent: -5000px; float: left; display: inline; width: 170px; height: 14px; margin-left: 14px; }
.fr #footer_img { background: url(../images/fr/progres-qualite.png) no-repeat bottom left; }
.en #footer_img { background: url(../images/en/progress-quality.png) no-repeat bottom left; }

#foter_coord { float: left; display: inline; margin-left: 10px; }
#footer_rea { float: left; display: inline; margin-left: 10px; }
#footer_rea a { color: white; text-decoration: none; }
#footer_rea a:hover { color: #e2ee0c;  }