p,div,span{ margin:0; padding:0; border:0; outline:0; text-decoration:none; font-size:13px; }
img{border:0;}
html, body { margin:0px;background-color:#FFFFFF;color:#000000;font-family:Arial, Helvetica, sans-serif;}

/*
 *
 * PROPRIETES IMPORTANTE
 * Propriétés importantes et récurrentes
 *
*/
a { color: #5590C8;}
a:hover { text-decoration:none;}
h1,h2,h3,h4,h5{margin:0px;}

.clear { clear:both; width:100%; height:0; line-height:0; }
.cache { display:none; }
.left { display:block; float:left; }
.gras{font-weight:bold;}
.right { display:block;float:right; }
#liensite{visibility:hidden;font-size:0px;}

.comm{display:none;color:#888; position:absolute; margin-top:-18px;margin-left:18px; background:#ffc; border:1px solid #fa5;padding:3px;}
.comment{color:#000;font-style:italic;padding-left:0 !important;}
.comment2{color:#AAA;font-style:italic;padding-left:0 !important;}

input.error, textarea.error{border:2px solid #e00;}
input, textarea, button{border:1px double #aaa; background:#D1E1EF; font-family:Arial; }
button{ margin-right:15px;}
textarea{width:500px; height:80px;font-size:12px;}

label{display:block; text-align:right; padding-right:10px;}
#formlogin label{text-align:center;}



/*
 * MESSAGES DE CONFIRMATION
 * Propriétés des éléments de validation ou d'échec des formulaires
*/
.comm_error { color:#c22; }
.avert_message, .error_message{padding:7px 15px; margin:7px auto; font-size:14px; font-weight:bold;width:500px;text-align:center;}
.avert_message { background:#afa; color:#262; border:3px solid #262;  }
.error_message {  background:#faa; color:#622; border:3px solid #622;}

/*
 * PAGINATION
 * Propriétés du système de pagination présent sur le site
*/
.pagination_number { width:100%; height:24px; }
.pagination { width:100%; height:24px; padding-top:15px;}
.pagination_nb { display:block; float:left; border:1px solid #c7c7c7; background:#FFF; width:18px; height:17px; margin-top:1px; padding-top:3px; text-align:center; margin-right:2px; }
.pagination_nb a { float:left; width:18px; height:20px; color:#0099FF; font-size:12px; font-weight:bold; }
.pagination_nb:hover { float:left; border:1px solid #FB3FB9; width:18px; height:17px; color:#FB3FB9; font-size:12px; font-weight:bold; }
.pagination_nb_actif a { float:left; background:#FFF; width:18px; height:17px; border:1px solid #0099FF; color:#0099FF; font-size:12px; font-weight:bold; padding-top:3px; text-align:center; margin-right:2px; margin-top:1px; }


/******************************************************/
#main{margin:0px 8px;}
#formlogin{text-align:center;}
#template{font-size:12px; font-family:times; margin:0 auto;}
#resultat{font-size:12px; font-family:times;}

#wrapper {
	background:url('../images/angele-concept-wrapper-interieur.jpg') #ffffff no-repeat;
	margin:0px;
	width:898px;
	margin:0 auto;
}
#wrapper.accueil {
	background:url('../images/angele-concept-wrapper.jpg') #ffffff no-repeat;
	height:727px;
}

/***********  Header  *********/

#header {height:134px; position:relative; width:898px; margin:0 auto;}
#header_contact {height:107px; width:220px; position:relative; padding-left:20px;}
#header_contact p {color:#005191; font-size:11px; font-weight:bold; margin-top:30px; padding:0; line-height:12px;}
#header_contact a {color:#707173; font-weight:normal; text-decoration: underline; font-size:11px;}
#header_contact a:hover {color:#707173; font-weight:normal; text-decoration: none;}

#headerContent {position:relative; text-align:left; width:868px;}

#link-logo {display:block;cursor:pointer; text-indent:-9999px;background-image:url('../images/angele-concept-logo.png'); background-repeat:no-repeat; background-position:top left; height:37px; width:210px; text-decoration:none; position: relative; top:20px;}

#header_accroche {position: absolute; top:30px; right: 0px; width:345px; text-align:right;}
#header_accroche h1, #header_accroche h2, #header_accroche h3 {text-transform:uppercase;	padding:0;	color:#FFFFFF; 	background: none; display:block;}

#header_accroche h1 {font-size:19px; font-weight:normal; text-transform:uppercase; margin:-5px 0 0 0; line-height:29px;}
#header_accroche h2 {font-size:18px;	font-weight:normal;	text-transform:uppercase; margin:0;	line-height:20px;}
#header_accroche h3 {font-size:13px;	font-weight:bold; text-transform:uppercase;	margin:0; line-height:18px;}

/***********  Menu  *********/

#menu {text-align:center; height:140px; margin:0 auto; position: absolute; top:505px;}
#menu a {font-size:13px; font-weight:normal; color:#ffffff; text-decoration:none; line-height:16px; text-align: center; display:block; padding-top:28px;}
 
#menu ul{margin:0; float:left; padding-left:18px;}

#menu ul li{background-image:url('../images/angele-concept-menu-bckg.gif');background-position: top; float:left; margin-right:5px;padding:0; line-height:16px; height:85px; width:85px; Font-size:12px;}

#menu ul li#menu_organisation{background-image:url('../images/angele-concept-menu-bckg-1.gif');background-position: top; width:83px; height: 84px; background-color:transparent;}

#menu ul li#menu_conseil {background-image:url('../images/conseil_angele_concept.png'); background-position: top; width:109px; height: 137px; background-color:transparent;  background-repeat:no-repeat;}

#menu ul li#menu_formation {background-image:url('../images/formation_angele_concept.png'); background-position: top; width:107px; height: 137px; background-color:transparent;  background-repeat:no-repeat;}

#menu ul li#menu_equipement {background-image:url('../images/equipement_angele_concept.png'); background-position: top; width:107px; height: 137px; background-color:transparent; background-repeat:no-repeat;}

#menu_conseil a, #menu_formation a, #menu_equipement a {color: #00508f; text-decoration:none; display:block;	padding-top:105px; font-size:14px;}

#menu_formation a, #menu_equipement a {font-weight:bold;}
 
#menu a:hover, #menu_conseil a:active, #menu_formation a:active, #menu_equipement a:active, #menu a:active {text-decoration:none; outline:none;}


/***********  Menu Interieur *********/

#menu_interieur{text-align:left; width:195px; color:#000000; font-size:12px;  margin-left:25px; *margin-left:25px; margin-top:80px;}
#menu_int{float:left;}
#menu_interieur a {font-size:14px; font-weight:normal; color:#000000; text-decoration:none; line-height:30px; display:block;}

#menu_interieur ul{}
#menu_interieur li ul{padding:0 0 0 15px;display:none;}
#menu_interieur li ul a{font-size:12px;line-height:28px;}
#menu_interieur ul li{background-image:url('../images/angele-concept-border-menu.gif'); background-repeat:repeat-x; background-position:bottom; line-height:30px; padding-left:4px;}
 #menu_interieur li ul li{background:none;line-height:28px;}
#menu_interieur a:hover {color:#005191; text-decoration:none; outline:none;}
#menu_interieur a.active {color:#005191; font-weight:bold; text-decoration:none; outline:none;}
#menu_interieur a.active+ul {display:block;}


/***********  Contenu Accueil  *********/
div#accueil
{padding:5px 28px 35px 435px; height:441px;}

#accueil p {color: #0000000;font-size: 12px;font-weight:normal;line-height:16px;}

#accueil ul, #accueil li {list-style:none;}
#accueil ul {margin: 10px 0 15px 0; padding-left:10px;}

#accueil li {background-image:url('../images/risques-professionnels-puce.gif') ;background-position:left 5px;background-repeat:no-repeat;list-style-image:none;list-style-position:outside;list-style-type:none;font-weight:normal;line-height:18px; padding-left:18px; font-size:13px;}

#accueil h2 {color:#192b69;	font-size: 20px; font-weight :normal; margin:20px 0 10px 0;}

#accueil h3 {color:#192b69; font-size: 15px;font-weight:bold; text-transform: uppercase;line-height: 25px; margin:0;}

#accueil h4, h4{color:#192b69; ;font-size: 12px;font-weight:bold; margin-bottom: 0px;}

h4 span{color:#000;}

#accueil h5{color: #0000000;font-size: 20px;font-weight:normal;font-style:italic; margin-top:0; font-family:Times New Roman;}

/***********  Contenu Interieur *********/

#demander-tarifs {width: 198px; height:34px; margin-top:10px;display:block;margin-left:11px;}
#print {width: 198px; height:34px; margin-top:15px;display:block;margin-left:11px;}

#interieur{padding:25px 15px 35px 0px; width:623px; margin-left:250px;min-height:580px; }
.contenu #interieur{position:relative;}

#debut_interieure
{background-image:url('../images/angele-concept-interieur-haut.png');background-repeat:no-repeat; background-position: top left; width: 635px; height:15px;}
#fin_interieure
{background-image:url('../images/angele-concept-interieur-bas.png');background-repeat:no-repeat; background-position: top left; width: 635px; height:15px;}
#content_interieure{width: 635px; background-color:#FFFFFF;position:relative;}
#content_interieure h2, #content_interieure h4, #content_interieure p, #content_interieure ul{padding-left: 35px;}

#content {text-align:left; width:898px;}

h1 {background-image:url('../images/angele-concept-conseil-h1bckg.gif'); background-repeat:repeat-x; color:#FFFFFF; font-size: 23px; font-weight:normal; text-transform: uppercase; line-height: 25px; padding:2px 20px 2px 30px; display:inline; }

h2 {color:#192b69;	font-size: 20px; font-weight :normal; margin:15px 0 12px 0; padding-bottom:0px;}

h2 a {color:#192b69;	text-decoration:none;}
h2 a:hover {color:#192b69; text-decoration:underline;}

h3 {color:#192B69; font-size: 15px;font-weight:bold; text-transform: uppercase;line-height: 25px; margin:0; padding-left:35px;}


h5{color: #0000000;font-size: 20px;font-weight:normal;font-style:italic; margin-top:0; font-family:Times New Roman;}

p {color: #0000000;font-size: 12px;font-weight:normal;line-height:16px;padding-top:5px;padding-bottom:10px; padding-right:30px;}

ul, li {list-style:none;}
ul {padding: 10px 0 15px 10px; margin:0px;}

li {background-image:url('../images/risques-professionnels-puce-conseil.gif') ;background-position:left 5px;background-repeat:no-repeat;list-style-image:none;list-style-position:outside;list-style-type:none;font-weight:normal;line-height:18px; padding-left:18px; font-size:13px;}

#bleu h1 , #bleu h2, #bleu h3, #bleu h4, #bleu p {color:#192B69; background:none; padding:5px 5px 0px 8px; margin-bottom:0;}
#bleu ul {padding-left:15px; margin-top:2px; margin-bottom:2px;}
#bleu h2 {margin-top:15px;}
#bleu li {font-weight:bold; padding-right:20px; font-size:11px; padding-left:15px;color:#192B69;}
td#bleu {border: 2px solid #192B69; padding-right:0;}
#bleu h2  a{text-decoration: none;}
#bleu h2  a:hover{text-decoration:underline;}

img.picto  {float:left; padding-right:5px; margin-top:-10px; padding-left:35px;}
.actu_xml{margin:0 auto;width:90%;}
.actu_xml img{margin-right:10px;}


/*********** Livre d'or  *********/
.message_guest{margin-bottom:5px;}
.message_guest h4{margin-bottom:5px;}


/***********  Actualités  *********/
#actualites{background-image:url('../images/angele_concept_formation_actualites.gif'); background-repeat:no-repeat; background-position:top; width:898px; height:105px; padding-top:5px;}
.contenu #actualites{margin-top:-130px;}
.contenu *+#actualites{margin-top:-110px;}

#actualites .message{width:210px;height:100px;position:absolute;}
#actualites a.message_content {display:block;width:180px;padding-left:30px;color:#FFFFFF;text-decoration:none;padding-top:35px; position:absolute; z-index:4;}
.message img{float:left;	padding-right:15px;}

#actualites .prevention{width:155px;	height:100px;float:right; text-align: center;}
#actualites p.prevention_content{color:#FFFFFF; padding-right:0;}
.prevention img{padding-top:8px;}
	
/***********  Footer  *********/

#footer { background-image:url('../images/comptoir-spa-footer-bckg.gif'); background-repeat:repeat-x; background-position:top; height:135px; width:100%; padding-top:3px;}

#footerContent {margin:0px auto; text-align:right; width:742px;}

#footerContent  p, #footerContent a {padding: 0; color:#707173; font-size:10px; text-align:center; font-weight:normal; margin:0; text-decoration: none;}

#footerContent a:hover {text-decoration: underline;}


/********** sitemap ************/
.sitemap1 , .sitemap2{background:url('../images/risques-professionnels-puce.gif') left 15px no-repeat;margin-left:10px;}

.sitemap1{padding:10px 0 0px 20px;font-size:14px; display:block;font-weight:bold; }
.sitemap2{ font-size:14px; display:block;color:white; }
.sitemap1:hover, .sitemap2:hover{ color:#B1A491;}


/********** voir enfant **********/
p.enfant {text-align:right;}
.enfant a:hover {color:white;}
hr{background-image:url(../images/angele-concept-border-menu.gif); background-position:top left; background-repeat:repeat-x; width:500px; height:1px; border:0;}

/********** formulaire contact **********/
table#contact
{margin-left:32px;}

#contact h3, #contact h2, #contact h4
{padding-left:0px;}
#contact .soustitredevis{color:#b58f09;padding:20px 0 5px 0;}

.checkbox { width:250px; clear:both; text-align:left;}
table.check tr { float:left;}
table.check td { padding-bottom:5px;}
table.check label{ margin:0px;}


/********** plan d'acces **********/

input#toAddress, select#locale {
visibility:hidden;
}
input#toAddress, select#locale {visibility:hidden;}
#itineaire {margin-bottom:0px; }
#itineraire p {padding:0;}

#map {border:2px solid #D1E1EF;height:300px;width:565px; margin-left:35px;}
#map  p{padding-left:0;}
#map  img{padding-left:0;}

#directions {width:520px;background-color:#FFFFFF;margin-left:35px;}
img#legende{padding-left:0;}