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

STYLE DE LA PAGE

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



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



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



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

STYLE DE TEXTE 

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

#contenu h1{
font-weight:bold;
font-size:1.5em;
line-height:1.1em;
color:#f28f00;
margin:0 0 12px 0;
border-bottom:0px dotted #333;
width:100%;






}

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

#contenu h2{
font-weight:bold;
font-size:1.3em;
line-height:1.2em;
color:#f28f00;
margin:0 0 7px;
border-bottom:0px dotted #CCC;
}

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

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

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

#contenu p{
font-size:1em;
text-align:justify;
color:#777777;
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:#018FD7;
}

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

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

#contenu a:hover, #contenu a:active{
color:#000;
text-decoration:underline;
}

#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 #018FD7;}

a img {border:none;}

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

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

#contenu ul li{
background:url(../../images/integration/puce.jpg) no-repeat;
font-size:1em;
text-align:justify;
color:#777777;
margin-bottom:1.2em;
list-style:none;
padding-left:25px;
padding-bottom:15px;
}

#contenu ul li ul{
margin-left:5px;
margin-bottom:5px;
margin-top:15px;
}

#contenu ul li ul li{
background:url(../../images/integration/puce2.jpg) no-repeat;
list-style:none;
padding-left:25px;
font:12px normal Arial, Helvetica, sans-serif;
color:TextColor;
margin:5px 0;
}

#contenu strong{
color:#ffa262;
}

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

VISUEL

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

.ideo_gbl_visuel {
float:left;
margin:5px 0 10px 5px;
padding:0 7px 1px 0;
}

.ideo_gbl_visuelRight {
float:right;
padding:0 7px 1px 0;
margin:5px 5px 10px 10px;
}



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

FORMULAIRE

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

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

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

#contenu textarea{
background-color:#ffffff;
border:1px solid #F28F00;
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:#018FD7;
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:#000;
text-decoration:underline;
}



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

REFERENCEMENT 

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

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

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

#footer_ref h1, #footer_ref h2 {
font-size:12px;
border:none;
border-bottom:0px dotted #333;
font-weight:bold;
background:none;
color:#777777;
}



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

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 table{
margin-left:100px;
margin-top:15px;
border:1px solid #f29a43;
}

#contenu td{
border: 1px solid #f29a43;
padding:5px;
}

#contenu .txttd{
padding:5px;
font-size:1.1em;
font-weight:bold;
line-height:1.1em;
color:#2b323b;
text-align:center;
}

#contenu .txttd1{
text-align:center;
font-size:1em;
color:#777777;
margin-bottom:1.2em;


}





#contenu .txtleft{
width:500px;
margin-left:50px;
padding:10px;


}

#contenu .txtleft1{
width:620px;
padding:5px;
padding-top:15px;




}

#contenu .txtleft2{
padding-top:15px;


}

#contenu .haut {
float:right;


}