/* CSS www.services-informatiques-63.fr*/ 

/*COLORS 
#636363 = gris moyen 
#959595 = girs clair
#e1e1e1 = gris très clair
#252525 = gris foncé
#00aeef = bleu clair


*/

body{
background: #ffffff url(theme/bgv_body.png) repeat-x;
font-family: Arial,Helvetica,Tahoma,Geneva,Verdana,sans serif;
margin: 0 auto;
font-size: 13px;
color: #252525;
}
p{
margin-top: 3px;
margin-bottom: 3px;
}
a{
text-decoration: none;
}
h1{
Font-size: 19px;
color: #00aeef;
font-variant:small-caps;
font-weight: bold;
}
h2{
Font-size: 15px;
font-variant:small-caps;
font-weight: bold;
}
strong{
font-style: italic;
}
#header{
height: 220px; 
/*background: url(theme/header-bg-green.jpg) no-repeat scroll 50% 23px ;*/
}
#headintro{
color: #ffffff; 
padding-right: 5%;
font-size: 12px; 
padding-top: 3px;
}
#headercontent{
width: 920px;
height: 220px;
margin-left: auto; 
margin-right: auto;
}
#logo{
float: left;
margin-left: 0px;
}
#headcontact{
float: right;
background: transparent url(theme/bg_contact.jpg) no-repeat center ;
width: 320px;
height: 220px;
font-size: 16px; 
}
#lien_form{
height: 130px;
width: 320px;
margin-top: 45px;
border-left: 1px dotted #00aeef ;
}
#headcontact p{
color: #ffffff;
text-align: right;
font-variant:small-caps;
font-size: 16px;
margin-top: 10px;
margin-right: 20px;
font-weight: normal;
}
#headcontact p a{
color: #00aeef;
font-weight: bold;
font-size: 19px;
text-decoration: underline;
margin-bottom: 15px;
}
#headcontact a:hover{
color: #00aeef;
text-decoration: none;
}
#navigtop{
width: 900px;
height: 30px;
margin-left: auto; 
margin-right: auto;
}
#menu ul {
list-style-type: none;
list-style-position: inside;
text-align: left;
padding-left: 0;
margin-top: 2px;
}
#menu ul li{
display: inline;
}
#menu ul li a{
color: #ffffff;
font-size: 15px;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
padding: 5px 5px 5px 9px; 
margin-left: 0px;
margin-right: 2px;
border-right: 1px solid #555555;
}
#menu ul li a:hover{
color: #00aeef;
}

#menu ul li a:focus{
color: #ffffff;
background: transparent url(theme/bg_item.jpg) repeat-x;
}
#menu ul li a.actif{
color: #ffffff;
background: transparent url(theme/bg_item.jpg) repeat-x;
}
#menu ul li a.last_lientop{
border-right: none;
}
#page{
width: 922px;
margin: 5px auto 0 auto; 
}
#page_top{
background: transparent url(theme/bg_page_top.png) no-repeat;
height: 5px;
}
#page_content{
background: transparent url(theme/bg_page_extend.png) repeat-y;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 19px;
min-height: 390px;
}
#page_bottom{
background: transparent url(theme/bg_page_bottom.png) no-repeat;
height: 15px;
}
#content{
padding: 0 10px;
min-height: 390px;
}
#intro{
float: left;
width: 650px;
margin-bottom: 25px;
}
#content p.callus a{
font-style: italic;
font-weight: bold; 
color: #00aeef;
text-decoration: underline; 
}
#content p.callus a:hover{
text-decoration: none; 
}
#content p.nb{
font-style: italic;
font-size: 10px; 
color: #636363;
}
.bg_index{
background: transparent url(theme/bg_index.jpg) no-repeat center 330px;
}
.bg_index p{
margin-left: 20px; 
margin-right: 20px;
}
.bg_pageassistance{
background: transparent url(theme/ill_assistance.jpg) no-repeat right top;
}
.bg_pageassistance p.first{
width: 360px;
}
.bg_pagemaintenance{
background: transparent url(theme/ill_maintenance.jpg) no-repeat right top;
}
.bg_pageformation{
background: transparent url(theme/ill_formation.jpg) no-repeat right bottom;
}
.bg_pageformation ul.list{
width: 450px;
}
.bg_pageinstallation{
background: transparent url(theme/ill_installation.jpg) no-repeat right top;
}
.bg_pagesiteweb{
background: transparent url(theme/ill_siteweb.jpg) no-repeat right top;
}
.bg_pagesiteweb p.first{
width: 540px;
}
.bg_pagesiteweb p.second{
width: 500px;
}
.bg_pagecontacte{
background: transparent url(theme/ill_contact.jpg) no-repeat right top;
}
.bg_pagetarifs strong.tarif{
color: #00aeef;
}

/*.bg_pageassistance strong,
.bg_pagemaintenance strong,
.bg_pageinstallation strong,
.bg_pagesiteweb strong{
font-style: italic;
}*/
#pres_acc{
width: 850px;
margin-left: auto; 
margin-right: auto; 
min-height: 630px;
}
#pres_part{
float: left; 
width: 302px;
margin-bottom: 26px;
}
#pres_pro{
float: right; 
width: 302px; 
margin-bottom: 26px;
}
.top_part{
background: transparent url(theme/top_pres_part.png) no-repeat;
height: 82px;
padding-top: 5px;
text-align : center;
margin-bottom: 7px;
}
.top_pro{
background: transparent url(theme/top_pres_pro.png) no-repeat;
height: 82px;
padding-top: 5px;
text-align : center;
margin-bottom: 7px;
}
.top_part h1, .top_pro h1{
margin-top: 25px;
font-size: 18px;
color: #ffffff;
font-weight: bold;
}
.content_pres_part{
height: 480px;
padding: 7px;
background: transparent url(theme/content_part_extend.png) repeat-y;
}
.content_pres_pro{
height: 480px;
padding: 7px;
background: transparent url(theme/content_pro_extend.png) repeat-y;
}
.content_pres ul li{
margin-top: 8px;
margin-bottom: 4px;
}
.content_pres_part strong{
font-style: italic;
color: #00aeef;
}
.content_pres_pro strong{
font-style: italic;
color: #ff5500;
}
.top_pres_part{
background: transparent url(theme/content_part_top.png) no-repeat;
height: 14px;
}
.bottom_pres_part{
background: transparent url(theme/content_part_bottom.png) no-repeat;
height: 14px;
}
.top_pres_pro{
background: transparent url(theme/content_pro_top.png) no-repeat;
height: 14px;
}
.bottom_pres_pro{
background: transparent url(theme/content_pro_bottom.png) no-repeat;
height: 14px;
}
#indexbott{
background: transparent url(theme/indexbott_extend.png) repeat-y;
width: 810px;
margin-left: auto; 
margin-right: auto;
height: 95px; 
padding: 5px 20px 5px 20px;
}
.indexbott_top{
clear: both;
background: transparent url(theme/indexbott_top.png) no-repeat;
height: 14px;
margin-left: auto; 
margin-right: auto;
width: 850px;
}
.indexbott_bottom{
background: transparent url(theme/indexbott_bottom.png) no-repeat;
height: 14px;
margin-left: auto; 
margin-right: auto;
width: 850px;
}
#indexbott a{
font-weight: bold; font-style: italic; color: #00aeef; text-decoration: underline;
}
#indexbott a:hover{
text-decoration: none;
}
#footer{
}
#navigfooter ul {
list-style-type: none;
list-style-position: inside;
text-align: right;
margin-right: 15px;
}
#navigfooter ul li{
display: inline;
}
#navigfooter ul li a{
color: #00aeef;
font-size: 14px;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
padding: 3px 6px; 
margin-left: 2px;
margin-right: 2px;
}
#navigfooter ul li a:hover{
color: #252525;
}
#end_footer{
background:url(theme/bg_footer.png) no-repeat scroll center top transparent;
color:#ffffff;
padding: 15px 20px;
}
#description{
margin-bottom: 15px;
}
#copyright{
width: 55%; 
Float: left;
text-align: right;
color: #c2c2c2;
}
#signature{
width: 40%; 
Float: right;
text-align: left;
color: #c2c2c2;
}
#signature a{
color: #00aeef;
text-decoration: underline;
}
#signature a:hover{
color: #ffffff;
text-decoration: none;
}
a.lien_liens{
color: #00aeef;
text-decoration: underline;
}
a.lien_liens:hover{
text-decoration: none;
}





/*********PAGE CONTACT*********/
/*formulaire*/
form{
width: 550px; 
background: url(theme/bg_form.png) repeat transparent;
border: 1px solid #959595;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
#infos{
line-height: 30px;
margin-right: 0px; 
margin-left: 0px; 
float: left; 
width: 530px; 
/*height: 220px;*/
}
#nom, #prenom, #adresse, #postal, #ville, #email, #telephone {
width: 380px;
border: 1px solid #e1e1e1;}
#statut{
width: 190px;
border: 1px solid #e1e1e1;
}
#objet, #message textarea{
border: 1px solid #e1e1e1;}
#message{
line-height: 30px;
float: left; 
width: 530px; 
height: 180px;
}
#objet{width: 494px;}
#message textarea{width: 494px; height: 70px;}
#nom:hover, #prenom:hover, #adresse:hover, #postal:hover, #ville:hover, #email:hover, #telephone:hover, #objet:hover, #message textarea:hover{
border: 1px solid #00aeef;}
#nom:focus, #prenom:focus, #adresse:focus, #postal:focus, #ville:focus, #email:focus, #telephone:focus, #objet:focus, #message textarea:focus{
border: 1px solid #252525;}
.nota {
font-size: 10px;
color: #959595;
}
/*se faire rappeler*/
#wecall form{
float: right;
width: 160px; 
text-align: center;
background: url(theme/bg_form.png) repeat transparent;
border: 1px solid #ff5500;
padding: 7px;
}
#wecall #telephone {
width: 140px;
border: 1px solid #ff5500;
margin-top: 2px;
margin-bottom: 4px;
}
#wecall p{
text-align: left;
margin-left: 0;
margin-right: 0;
}
#wecall input.exect{
color: #ff5500;
}

/*éléments page*/
.contact {
margin-left: 20px;
line-height: 23px;
font-size: 14px;
}
#interlocuteur{margin-left: 2px; color: #00aeef;}
#tel{margin-left: 56px; color: #00aeef;}
#fax{margin-left: 57px; color: #00aeef;}
#mail{margin-left: 47px; color: #00aeef; text-decoration: underline;}
#mail:hover{text-decoration: none;}
/*page de résultat d'envoi*/
#sendmail{
padding-top: 80px;
padding-left: 120px;
margin-bottom: 90px;
font-size: 18px;
}
#sendmail a{
text-decoration: underline;
color: #00aeef;
}
#sendmail a:hover{
text-decoration: none;
}
#errormail{
padding-top: 60px;
padding-left: 120px;
margin-bottom: 90px;
font-size: 18px;
color: #ff6600;
}
#errormail a{
text-decoration: underline;
color: #00aeef;
}
#errormail a:hover{
text-decoration: none;
}