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

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.gif) no-repeat;
font-weight:bold;
font-size:1.5em;
line-height:1.2em;
color:#f8b60d;
border-bottom:1px dotted #f0d556;
margin-bottom:10px;
padding-bottom:5px;
text-indent:30px;
width:100%;
}

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

#contenu h2{
background:url(../../images/integration/H2.jpg) right no-repeat;
font-weight:bold;
font-size:1.3em;
line-height:1.2em;
color:#f8b60d;
margin:0 0 7px;
padding-left:5px;
border:1px f3ad0d solid;
}

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

#contenu h3.ideo_gbl_sans{
background:none;
border-bottom:1px dotted #eb2f0b;
}

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

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

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

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

#contenu strong span {color:#F0E19D;font-weight:bold;text-decoration:underline;}

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

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

#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:#f0e19d;
}

#contenu a:hover, #contenu a:active{
color:#f0d556;
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 #f0d556;}

a img {border:none;}

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

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

#contenu ul li{
background:url(../../images/integration/puce.gif) no-repeat;
font-size:1em;
text-align:justify;
color:#d5b152;
margin-bottom:1em;
list-style:none;
padding-left:30px;
padding-top:0.3em;
}



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

VISUEL

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

.ideo_gbl_visuel {
float:left;
margin:5px 0 10px 5px;
padding:0 7px 1px 0;
height:146px;
width:230px;
/*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;
height:146px;
width:230px;
/*background:url(../../images/integration/bgvisuphoto.png) repeat scroll right bottom;*/

}



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

FORMULAIRE

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

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

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

#contenu textarea{
background-color:transparent;
border:1px solid #f0d556;
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:#f0d556;
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:#f0d556;
text-decoration:underline;
}



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

REFERENCEMENT 

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

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

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

#footer_ref h1, #footer_ref h2 {
font-size:12px;
border:none;
border-bottom:1px dotted #f0d556;
font-weight:bold;
background:none;
color:#d5b152;
}



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

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:153px;
width:409px;
margin:10px auto;
}



#contenu #contact2{
background:url(../../images/integration/contact-pieces-montes.gif) no-repeat;
height:153px;
width:409px;
margin:10px auto;
}

#contenu .animation{
margin:10px auto;
height:291px;
width:281px;
/*border:1px #FFFFFF solid;*/

}

.ideo_gbl_visuelCenter {
width:100%;
/*background:url(../../images/integration/bgvisuphoto.png) repeat scroll right bottom;*/

}



#contenu .haut-page{
background:url(../../images/integration/haut-page.gif) no-repeat;
margin:10px;
height:29px;
width:126px;
float:right;
}



#contenu .bas{
margin-top:15px;
}

#contenu .bas1{
margin-top:20px;
}

#contenu .bas2{
margin-top:50px;
}



#contenu .bas3{
margin-top:60px;
}