/*
CSS principal para Alarco Maquetas
©2009 Pixelmio - www.pixelmio.net
v 3.3
*/

body {font:16px/1.5 Calibri, Helvetica, Arial, sans-serif;background-color:#036;color: #222}
h1 {background:url(../pictures/headerH1.jpg) no-repeat;color:#396195}
h2 {color: #F90;border-bottom: solid #F90 2px;letter-spacing: -1px}
h2.sifr {font-size: 26px}
h2.sifr2 {
	border-bottom:2px solid #F89A51;
	color:#F90;
	font-size:2em;
	letter-spacing:-1px;
	margin-bottom:10px;
	text-align:left
}
p.sifr2 {font-size: 1.5em;letter-spacing: -1px;color: #F90;line-height: 1;border-bottom: solid 2px #F89A51;padding-top: 13px}
p {margin-bottom:10px}
h3 {font-family:Calibri, Helvetica, Arial, sans-serif;color: #06C;border-bottom: solid #B9CBE3 1px;letter-spacing:-1px;text-align: left;margin-bottom:10px;line-height:1.2em;clear: left}
a {color:#06C}
textarea {width:95%;height:16em}
fieldset {border: solid red 0px}
legend {font-weight: bold;color: #396195;padding: 5px 0 0 0.8em;font-size: 110%}
label {font-weight: bold;color: #333}
input, textarea {background-color:#F7F7F7;border:1px solid #CCC;padding:4px 0 4px 2px}
ul.tick {list-style: none;font-size: 90%}
ul.tick2 {list-style: none}
ul.tick2 li {background:url(../pictures/tick.gif) 0 3px no-repeat;padding-left:20px; }
ul.tick li {background:url(../pictures/tick.gif) 0 5px no-repeat;padding-left:20px; 
	font-size:16px; color:#036; font-weight:bold; letter-spacing:-1px;line-height:1.4;
	}
ul.tick2 ul {list-style:none;}
ul.tick2 ul li{background:none; padding:0; font-size:13px}


ul#carusel, ul#slogan2 {margin:0;padding:0;list-style:none}
ul#carusel li, ul#slogan2 li{margin:0}

ul.subnav {font-family:sans-serif;
font-size:11px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:15px;
overflow:hidden;
}


ul.subnav li{float: left;margin-left: 5px;background-color: #CCC;padding: 0 3px;-moz-border-radius:2px;-webkit-border-radius: 2px}
ul.subnav li.sub-active{background-color: #F90}
ul.subnav li.sub-active a{color:#FFF}
ul.subnav li a{color:#222; text-decoration:none}
strong {color:#06c}

/* DIV's */

#badge {height: 309px;width: 309px;position: absolute;top: 0;right: 0;display: none}
#badge img {border:none}
#contenedor {font-size: 90%;margin-top: 5px;color: #444;overflow: hidden}
#header {}
#logo {padding-top: 10px;padding-bottom: 0}
#logo a img {border:none}
#logo h1 {background:url(../pictures/logo_alarco3.gif) no-repeat;height:81px;display: block;width: 182px;text-indent: -9999px;margin: 0;padding:0}
#logo h1 a {display:block;width:182px;height:81px}
#slogan {padding-top: 20px}

#corpus {background-color:#FFF;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;

}

#container {}

/* partie droite */
#legal {font-size: 0.85em;text-align: justify}
#a p, #b p {text-align:left;padding: 10px}
#c p, #d p {letter-spacing: 0px;text-align:left;color: #000;padding: 10px}

#footer {
	height: 70px;
	color: #777;
	padding-bottom: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	margin-bottom:10px;
	background:#D4E6F7 url(../pictures/skyline.gif) bottom left repeat-x;
}
#footer p {font-size:0.8em;margin-bottom:5px;text-align:left;
	padding: 10px 10px 0;
}
#footer a {color:#06C;text-decoration:underline}
#perso {padding:0;display:none}
/*FORMULAIRE */
#contactform {}
#RestContact {}
/* sub navigation */
#subnav {background:transparent url(../pictures/fondSubNav.jpg) no-repeat 50% 50%;float:left;font-size:80%;height:38px;margin:6px 0 6px 10px}
#subnav ul {padding:12px 0 0 0;list-style:none;margin-left: 143px}
#subnav li {float:left;padding:0;font-weight: bold}
#subnav a {float:left;display:block;text-decoration:none;color:#2E4E81}

/* Commented Backslash Hack
 hides rule from IE5-Mac \*/
 #subnav a {float:none}
/* End IE5-Mac hack */
#subnav a:hover {text-decoration: underline}
#subnav #active {background-image:url(../pictures/nav/left1_hov.jpg);border-width:0}
#subnav #active a {background-image:url(../pictures/nav/right1_hov.jpg);color:#fff;padding-bottom:14px}
/* fin sub navigation */

#text2 {}

#TextePresentation p{margin:0; line-height:1.35}

/* Tables */

table.conEstilo {margin-bottom:0}
table.conEstilo strong {color: #444}
table.conEstilo tr.fotos td {text-align: center}
table.conEstilo tr.grasBleu td {vertical-align:middle}

ul.conEstilo {margin-bottom:0; list-style:none}
ul.conEstilo li {-moz-border-radius:5px;-webkit-border-radius: 5px;background:#FFF url(../pictures/bg-gris1.gif) bottom left repeat-x;float:left;margin:0 3px;padding:15px 15px 10px}
ul.conEstilo li:hover {background:#FFF url(../pictures/bg-gris2.gif) bottom left repeat-x}

div.cadreGris {-moz-border-radius:5px;-webkit-border-radius: 5px;background:#FFF url(../pictures/bg-gris1.gif) bottom left repeat-x;float:left;padding:15px}

/* CLASSES */
.errores {background: url(../pictures/errores.jpg) no-repeat;margin-left:20px;color:red;font-weight:bold;min-height:40px}
.quot {font-size:0.8em;text-align: left}
.polar {border: solid #AAA 1px}
.polar:hover {/*background-color:#9CF;*/}
.droite {display:inline;float:right;margin-right:20px;margin-top:-13px}
.fdroite {float:right;margin:5px 5px 0 0}

.droite2 {text-align:right}
/* Estilos para textos */
.petit {font-size:75%}
.petit80 {font-size:80%}
.megabig {font-size:180%;text-align: right;line-height: 35px}
.grasBleu {color:#06C;font-weight: bold}
p.grasBleu {color:#06C;font-weight:bold;line-height:1;margin:0}
.centre {text-align:center}
.colPostIt {background-color:#FFC}
.imgLeft {display:block;float:left;margin:0 10px 0 0}
.image {border: 1px solid #000}
.nav {display:inline}
.index {background: url(../pictures/montIndex.jpg) top right no-repeat}

/*Special pour la home */
.spec {text-align:left}
.ital {font-style:italic}
.novedad {margin-left: 30px;background-color: #D6E0EF;border: solid #F90 2px;-moz-border-radius:25px}
.blanco {color:#FFF}
.adroite {float:right; padding-right:10px}
.img_gauche{float:left; margin-right:5px}
.img_droite{
	float:right;
	margin-left:5px
}
.carTxt {width:60%;float:left}
.carTxt h3{border:none}
.carImg {width:40%;float:left;padding:20px 0 0}
.mb20 {margin-bottom:20px}