/* -------------------------- 

STYLE DE LA PAGE

--------------------------- */



#contenu {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
}



#contenu-gauche{
float:left;
width:450px;
margin:0 25px 0 15px;
}



/* -------------------------- 

STYLE DE TEXTE 

--------------------------- */

#contenu h1{
background:url(../../images/integration/h1.jpg) no-repeat;
font-weight:bold;
font-size:1.5em;
line-height:1.2em;
color:#0070BE;
margin:0 0 12px 0;
border-bottom:1px dotted #0070BE;
text-indent:32px;
padding-top:9px;
padding-bottom:3px;
width:100%;
}

#contenu h1.ideo_gbl_sans{
font-weight:bold;
font-size:1.6em;
color:#0070BE;
margin:0px 0px 2px 0px;
border-bottom:1px dotted #0070BE;
width:100%;
}

#contenu h2{
background:url(../../images/integration/h2.jpg) right top;
font-weight:bold;
font-size:1.3em;
line-height:1.2em;
padding-top:2px;
padding-bottom:2px;
color:#0070BE;
text-indent:7px;
margin:0 0 7px;
border:1px  solid #6ac1ee;
}

#contenu h3{
font-variant:small-caps;
font-weight:bold;
font-size:1.1em;
color:#008fe5;
padding:2px 0px 2px 1px;
margin-bottom:8px;
border-bottom:1px solid #008fe5;
text-align:left;
}

#contenu h3.ideo_gbl_sans{
background:none;
border-bottom:1px solid #008fe5;
}

#contenu h4 {
font-variant:small-caps;
font-size:1.1em;
font-weight:bold;
background:#6BB6E3;
border-bottom:1px solid #6BB6E3;
padding:0;
width:100%;
text-align:left;
margin:15px 0;
color:#fff;
float:left;
}

#contenu p{
font-size:1em;
text-align:justify;
color:#3F3F3F;
margin-bottom:1.2em;
}

#contenu p em{
font-weight:bold;
font-size:1em;
}

#contenu sup{
font-size:0.7em;
}

#contenu p.ideo_gbl_couleur, #contenu span.ideo_gbl_couleur{
font-weight:bold;
color:#FF1F1F;
}

p.couleur, span.couleur{
font-weight:bold;
color:#FF1F1F;
}

#contenu .ideo_gbl_petit, #contenu p.ideo_gbl_petit{
font-size:0.8em;
line-height:1.2em;
}

#contenu .ideo_gbl_nota, #contenu p.ideo_gbl_nota{
font-size:0.8em;
line-height:1.2em;
font-style:italic;
padding:0 10px 0 0;
}

#contenu .ideo_gbl_alerte, #contenu p.ideo_gbl_alerte{
color:#a6240a;
}

#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#dd0000;
}

#contenu a:hover, #contenu a:active{
color:#FF1F1F;
text-decoration:none;
}

#contenu a:link img, #contenu a:visited img{
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.00;
border:none;
}

#contenu a:hover img, #contenu a:active img{
filter: alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.70;
border:none;
}

img {border:1px solid #0070BE;}

a img {border:none;}

a:active, a:focus{outline:none;}

#contenu ul{
margin-left:10px;
}

#contenu ul li{
background:url(../../images/integration/li.gif) no-repeat;
list-style:none;
font-size:1em;
text-align:justify;
color:#3F3F3F;
margin-bottom:0.8em;
margin-left:10px;
padding-left:20px;
}



/* -------------------------- 

VISUEL

--------------------------- */

.ideo_gbl_visuel {
float:left;
margin:5px 0 10px 5px;
padding:0 7px 1px 0;
/*background:url(../../images/integration/bgvisuphoto.png) repeat scroll right bottom;*/

}

.ideo_gbl_visuelRight {
float:right;
padding:0 7px 1px 0;
margin:5px 5px 10px 10px;
/*background:url(../../images/integration/bgvisuphoto.png) repeat scroll right bottom;*/

}



/* -------------------------- 

FORMULAIRE

--------------------------- */

#contenu select {
color:#000000;
border:1px solid #FF1F1F;
background-color:#ffffff;
width:152px;
}

#contenu input{
background-color:#ffffff;
border:1px solid #FF1F1F;
color:#000000;
height:15px;
}

#contenu textarea{
background-color:#ffffff;
border:1px solid #FF1F1F;
color:#000000;
}



/* -------------------------- 

PAGINATION 

--------------------------- */

#contenu #ideo_inc_pagination {
margin:20px auto;
width:100%;
}

#contenu #ideo_inc_pagination span{
font-size:1em;
text-align:center;
}

#contenu #ideo_inc_pagination p{
text-align:center;
color:#FF1F1F;
margin:0;
}

#contenu #ideo_inc_pagination label{
font-size:0.9em;
}



/* -------------------------- 

MENU 

--------------------------- */

#contenu #ideo_inc_menu {
padding:0 0 20px 2px;
width:100%;
float:left;
text-align:left;
}

#contenu #ideo_inc_menu ul {
list-style-image:none;
margin:0;
padding:0;
}

#contenu #ideo_inc_menu li {
display:inline;
font-size:0.9em;
list-style-image:none;
background:none;
margin:0; 

padding:0;
}

#contenu #ideo_inc_menu li .encours{
color:#FF1F1F;
text-decoration:underline;
}



/* -------------------------- 

REFERENCEMENT 

--------------------------- */

#footer_ref {
float:left;
display:block;
width:735px;
margin:20px 0 0 0;
}

#footer_ref p {
color:#3F3F3F;
margin:0 0 6px 0;
}

#footer_ref h1, #footer_ref h2 {
font-size:12px;
border:none;
border-bottom:1px dotted #0070BE;
font-weight:bold;
background:none;
color:#3F3F3F;
}



/* -------------------------- 

ENCART CONTACT 

--------------------------- */

#contenu .ideo_inc_contact{
width:100%;
text-align:center;
}

#contenu .ideo_inc_contact p{
text-align:center;
font-weight:bold;
font-size:1em;
margin:0;
}







/* ************************************************************ */

/* ***************** STYLE DES PAGES STATIQUE ***************** */

/* ************************************************************ */



/* -------------------------- 

PAGE INDEX 

--------------------------- */

.video {
float:left;
margin:0 0 0 12px;
}



#contenu #contact{
background:url(../../images/integration/contact.jpg) no-repeat;
height:79px;
width:379px;
margin:30px auto 0 auto;
}



#contenu #contact-index{
background:url(../../images/integration/contact-index.jpg) no-repeat;
height:79px;
width:379px;
margin:30px auto 0 auto;
}

#contenu #contact-indexg1{
background:url(../../images/integration/contact1.jpg) no-repeat;
height:79px;
width:379px;
margin:30px auto 0 auto;
}



#contenu .haut-page{
background:url(../../images/integration/haut-page.jpg) no-repeat right;
height:32px;
width:90%;
float:right;
margin:0px 10px 0 auto;
}



#contenu .prix{
font-family:Arial, Helvetica, sans-serif;
color:#ff1f1f;
font-weight:bold;
text-align:center;


}



#contenu .bas2{
padding-top:20px;
}



#contenu .bas3{
padding-top:30px;
}



#contenu .centrer{
text-align:center;
}