/* Styles généraux : balises xhtml */
* { margin: 0px; padding: 0px; }
body
{
background: #67CBE5 url(../images/bg.jpg) repeat-x;
font-family: Arial;
font-size: 12px;
}
h1{ width: 147px; height:50px; margin:0px 0px 0px 40px;float:left;}
h2 { font-size: 1.2em; }
h2.tagline {
width: 147px; height:50px; margin:0px 0px 0px 10px;float:left;
}
p { text-align: justify; }
ul, ul li { list-style-type: none; }
a { color:#4790cf; text-decoration:underline;}
a:hover {font-weight:bold;}
img { border-width: 0px ;}
/* Classes */
.hide{ display: none; }
.pcolor { color: #015780; font-weight:bold;}
/* Cadres généraux : Container, Header et Footer */
#container_bg { width: 854px; margin: auto; background: url(../images/body_bis.jpg) repeat-y; }
#container { width: 854px; background: url(../images/body.jpg) no-repeat; }
*html #container h1 { margin-left: 20px; }
#header { width: 851px; height: 248px; margin: 0px 2px; clear: both;}
#footer { height: 50px; clear: both; color: #FFF; background: #67CBE5 url(../images/footer.jpg) no-repeat; margin-bottom:15px;}
*html #footer {height: 65px; margin:0px;}
*+html #footer {height: 65px; margin:0px;}
#footer p { text-align: center; }
/* Menu Top Right */
#menu_topright{
float: right;
width: 145px;
height: 22px;
background: #2F77BD url(../images/menu_topright.jpg) no-repeat;
text-align: center;
margin: 20px 40px 0px 0px;
padding-top: 8px;
}
*html #menu_topright{ margin-right: 20px; }
#menu_topright li{
display:inline;
}
#menu_topright li a {
font-size: 1.2em;
color:white;
text-decoration:none;
padding:0px 5px;
}
#menu_topright li a:hover { text-decoration:underline; font-weight:normal;}
/* Content */
#content{ margin: 25px 0px; }
/* Menu */
#menu{ float:left; width: 178px; margin-left: 25px; ;}
*html #menu{ margin-left: 15px; }
#menu ul li { width: 178px; margin: 0px; }
*html #menu ul li { margin-top:-3px; }
*+html #menu ul li { margin-top:-3px; }
#menu ul li a { display: block; }
#btn_accueil a { height:44px; background: url(../images/menu/btn1_01_01.jpg) no-repeat; }
#btn_accueil a:hover { background:url(../images/menu/btn_over_01.jpg) no-repeat; }
#btn_identite a { height: 38px; background: url(../images/menu/btn1_01_02.jpg) no-repeat; }
#btn_identite a:hover { background:url(../images/menu/btn_over_02.jpg) no-repeat; }
#btn_partenaires a { height:37px; background: url(../images/menu/btn1_01_03.jpg) no-repeat; }
#btn_partenaires a:hover { background: url(../images/menu/btn_over_03.jpg) no-repeat; }
#btn_recompenses a { height:38px; background: url(../images/menu/btn1_01_04.jpg) no-repeat;}
#btn_recompenses a:hover { background: url(../images/menu/btn_over_04.jpg) no-repeat; }
#btn_services a { height:58px; background: url(../images/menu/btn1_01_05.jpg) no-repeat; }
#btn_services a:hover { background: url(../images/menu/btn_over_05.jpg) no-repeat; }
#btn_technologie a { height:56px; background:url(../images/menu/btn1_01_06.jpg) no-repeat; }
#btn_technologie a:hover { background:url(../images/menu/btn_over_06.jpg) no-repeat; }
#btn_avantages a { height:56px; background:url(../images/menu/btn1_01_07.jpg) no-repeat; }
#btn_avantages a:hover { background: url(../images/menu/btn_over_07.jpg) no-repeat; }
#btn_contact a { height:44px; background:url(../images/menu/btn1_01_08.jpg) no-repeat; }
#btn_contact a:hover { background: url(../images/menu/btn_over_08.jpg) no-repeat; }
#imgvideo{
margin-top : 10px ;
}
/* Edito */
#edito
{
width: 630px;
height: 300px;
background: url(../images/box1.gif) no-repeat;
float: right;
margin-bottom:20px;
}
/*#edito img { float: left; margin:28px 15px 0 15px; }*/
#photo_edito
{
float:left;
height:280px;
text-align:center;
width:220px;
}
#photo_edito img
{
margin-top:60px;
}
#texte_edito
{
padding-top:12px;
}
#edito h2 { color: #017BA9; float: left; margin-top: 20px;}
#edito p {/* width: 385px; float: left; */margin: 5px 20px; }
#edito li {/* width: 385px; float: left; */margin: 5px 20px; }
/* Box 2 et 3 */
#box2, #box3 { float: right; margin: 0px 12px 15px 0px; }
#box2 { width: 282px; background: url(../images/box2.gif) no-repeat; }
*html #box2 { margin-right: 6px; }
#box3 { width: 320px; background: url(../images/box3.gif) no-repeat; }
#box2 p, #box3 p{ padding: 40px 20px 40px 20px; }
#box2 p a, #box3 p a {color:#4790cf; text-decoration:underline; float:right;}
/* Box 4 (page qui sommes nous?)*/
#non_gras:hover { font-weight:normal; }
#box4_bg { width: 625px; float:left;margin-left:25px; background: url(../images/box/box_bis.jpg) repeat-y;}
*html #box4_bg { margin-left:20px; }
#box4 { background: url(../images/box/box_general.jpg) no-repeat; width: 625px; float:left;}
#box4 h2 { color:#FFF; padding-top:5px; }
#box4 p { margin:5px 0; }
#onglet{ background:url(../images/box/onglet.gif) no-repeat; width:252px; height: 30px; text-align:center; }
#texte{ width:450px; margin:40px 0px 0px 20px; float:left;}
*html #texte{ margin-left: 10px;}
#coordonees { background:url(../images/cadre_contact.gif) no-repeat; width:230px; height:140px; margin:20px 0px 0px 120px;padding:3px 65px; }
*html #coordonees { margin-left:100px; }
#coordonees p { color:#FFF; padding:0px 0px;}
#img2 { margin:40px 0px 0px 15px; }
#footer_box { width:626px; height:34px; float:right; background: url(../images/box/bas_box.gif) no-repeat; padding-bottom:15px; }
/*page nos partenaires*/
#texte2 { margin:15px; text-align:justify;}
/*.../images_a{color:#0000FF; text-decoration:underline; float:left; margin:5px 0px 0px 110px; }
#../images img { padding:0px 20px;}*/
/*page produits et services*/
#img_services{ margin-top:20px ;
margin-left:20px;
float:right;
}
*+html #brique{ margin-left:30px; }
#img_services2 { float:right; margin-left:10px; }
#brique {float: left; margin-right:15px;}
/*la technologie tesla*/
#tesla{ float:left; margin:40px 10px 0px 20px; }
#texte3{margin:25px 15px 0px 15px;}
#img_avantages { margin:25px 0px 15px 5px ; }
#txt_techno_avantages {margin-left:70px;}
#txt_techno_avantages h4 {margin-left:90px;}
/*page mobilite durable*/
#tesla2{
/*margin:0px 0px 15px 2px; */
margin : 23px 0px 10px 20px;
float:right;
}
#txt{margin:15px;}
#h2_bis { color: #015780; font-weight:bold; font-size:1.2em; }
#h3_bis { color: #015780; font-weight:bold; font-size:1.2em; }
/*Page Contact*/
#box4 h3 { text-align:center; padding:15px 0px 10px 0px;}
#formulaire { background:url(../images/cadre_contact2.jpg) no-repeat; margin-left:100px;}
#formulaire p { color:#FFF; padding:15px 15px 80px 15px;}
#nom { margin-left:57px;}
#prenom { margin-left:40px; }
#fonction { margin-left:42px; }
#societe { margin-left:48px; }
#adresse { margin-left:43px; }
#ville { margin-left:61px; }
#code_postal { margin-left:21px; }
#telephone { margin-left:30px; }
#email { margin-left:48px; }
#question { margin-left:5px; }
#btn_valider {background:url (../images/btn_valider.gif) no-repeat; margin-left:180px;}
.alignement {margin-left:57px;}
.alignement2 {margin-left:28px;}
#alignement3 {margin-left:20px;}
.yateo { color:white;}
.puce_decales li { padding-left:5px;}
.vrai_puce_service, .vrai_puce_service li,.vrai_puce, .vrai_puce li { list-style-type:square; margin-left:20px;}
.vrai_puce_service { margin-left: 160px;}
*html .vrai_puce_service { margin-left: 180px;}
*+html .vrai_puce_service{ margin-left: 180px;}
/*.cont_puce { border:1px solid black; padding:10px;}*/
/* page partenaires */
#partenaires td {
padding: 0px 20px 0px 20px;
vertical-align:center;
}
#partenaires { vertical-align:center; }
/* page prix */
#prix ,#partenaires{
margin:auto;
text-align:center;
}
#telechargement_prix {
margin-left:20px;
}
#prix td {padding-left:30px; }
#prix { vertical-align:center; }
/* page contact */
.red{
color:red;
}
#box_erreur{
width: 338px;
background: #70b9ec url(../images/box_contact/contact.jpg) no-repeat;
color:white;
margin:auto;
}
#box_erreur h4 {
padding: 15px 0px 0px 15px;
}
#box_erreur p {
padding:15px;
padding-bottom:40px;
margin:0;
}
#box_erreur_footer {
width: 338px;
background: url(../images/box_contact/footer.jpg) no-repeat;
height:12px;
margin:auto;
margin-bottom: 20px;
}
.G_grand {
font-size: 20px;
font-weight: bold;
color: #015780;
}