/* styles www.atypik-creations.fr pour www.anim-actions.fr */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CSS pour les balises HTML */

body {margin-top:20px;margin-bottom:20px;font-family:"trebuchet ms",sans-serif;font-size:13px;text-align:center;color:#000000;background:#DDF985;}
a, a:link, a:visited {color:#BE7C0C;text-decoration:underline;}
a:hover {color: #fb6610;text-decoration: none;}
h1 {margin:10px 0px 10px 0px;font-size:15px;color:#EA4F02;}
h2 {margin:20px 0px 5px 0px;font-size:15px;}
h3 {margin:10px 0px 5px 0px;font-size:13px;font-weight:600;}
p {margin:6px 0px 6px 0px;}
ul {margin:5px 0px 5px 0px;padding:0px 0px 0px 20px;line-height:18px;list-style-image: url(./puce.gif);}
form {margin:0px 0px 20px 0px;}
hr {margin-top:5px;margin-bottom:5px;height:1px;visibility:hidden;clear:both;}
img {border:0px;padding:0px;}
fieldset.css {padding: 10px;border: 0px;}
.texte_rouge {color: #990000;}
p.texte_rouge {color: #990000;text-align: center;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Liste de déàfinitions pour l'affichage des rubriques */

dl.rubriques {margin:0px 0px 15px 0px;}
.rubriques dt {font-size:15px;}
.rubriques dd {font-size:13px;margin:0px;padding:0px;}
dl.logos {float:left;width:160px;height:170px;text-align:center;}
.logos dt {font-weight:bold;}
.logos dt img {width:150px;height:150px;}
.logos dd {margin:0px;padding:0px;}
.album {float:left;margin-right:10px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Divers */

.en_valeur {color: #8C1717;font-weight:600;}
.en_rouge {color: #8C1717;}
.en_bleu {color: #0396D7;font-style:italic;font-weight:400;}
.en_gros {color: #fb6610;font-size:20px;}
.en_erreur {color: #d30303;}
.poursuite_dessous {clear:both;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre permettant un affichage centre */

#principal {width:740px;margin-left:auto;margin-right:auto;text-align:left;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadres pour les images du bandeau haut */

#entete-1 {float:left;width:740px;height:45px;background:#ffffff url(./img-squelettes/bandeau-haut.jpg);}
#entete-gauche {float:left;width:225px;height:257px;background:#ffffff;}
#entete-droit a{float:left;width:515px;height:257px;background:#ffffff url(./img-squelettes/bandeau.jpg);}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadres pour les menus gauche */

#menu-1 a {float:left;width:225px;height:101px;background: url(./img-squelettes/btn-devis.jpg) top left no-repeat;}
#menu-1 a:hover {background-position: 0px -101px;}
#menu-1 a:active {background-position: 0px -101px;}
#menu-2 a {float:left;width: 225px;height: 57px;background: url(./img-squelettes/btn-pourquoi.jpg) top left no-repeat;}
#menu-2 a:hover {background-position: 0px -57px;}
#menu-2 a:active {background-position: 0px -57px;}
#menu-3 a {float:left;width: 225px;height: 99px;background: url(./img-squelettes/btn-choisir.jpg) top left no-repeat;}
#menu-3 a:hover {background-position: 0px -99px;}
#menu-3 a:active {background-position: 0px -99px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre comprenant les contenus */

#contenus {float: left;width: 740px;background-color:#ffffff;}	
#milieu {float: left;width: 740px;}	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre des textes dans le cadre contenus */

#texte-gauche {float:left;width:200px;margin: 0px 0px 0px 10px;}
#texte-droit {float:left;width:470px;margin: 0px 10px 0px 15px;}
#tarificateur {float:left;width:710px;margin: 0px 15px 15px 15px;text-align:center;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre pour les mentions en bas de page */

#bas-page {float: left;width: 740px;height: 26px;background: url(./img-squelettes/footer.jpg) no-repeat;}
#bas-page #contact a {position: absolute;width:55px;height:20px;margin: 1px 0px 0px 402px;}
#bas-page #qui a {position: absolute;width:116px;height:20px;margin: 1px 0px 0px 462px;}
#bas-page #liens a {position: absolute;width:33px;height:20px;margin: 1px 0px 0px 585px;}
#bas-page #mentions a {position: absolute;width:111px;height:20px;margin: 1px 0px 0px 624px;}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Styles pour les formulaires hors SPIP */

.formtext {
	padding: 1px;
	background-color: #f7fae1;
	border: solid 1px #cccccc; 
	text-align: center;
}
.formbouton { 
	padding: 1px; 
	border-width: 1px;
	border-style: dashed;
	background-color: #f7fae1;
	font-size: 11px;
	font-family: verdana, geneva;
	border: solid 1px #cccccc; 
}
.formradio {
	vertical-align: middle ;
}	
.formarea {
	text-align: left;
	background-color: #f7fae1;
	font-size: 12px;
	font-family: verdana, geneva;
	border: solid 1px #cccccc; 
	scrollbar-base-color: #f7fae1;
	scrollbar-3dlight-color: #f7fae1; 
	scrollbar-arrow-color: #f7fae1;
	scrollbar-darkshadow-color: #f7fae1;
	scrollbar-face-color: #f7fae1;
	scrollbar-highlight-color: #f7fae1;
	scrollbar-shadow-color: #f7fae1; 
	scrollbar-track-color: #f7fae1; 
}