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

STYLE DE LA PAGE

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



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



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



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

STYLE DE TEXTE 

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

#contenu h1{
font-weight:bold;
font-size:1.5em;
line-height:1.1em;
color:#d00404;
margin:0 0 12px 0;
border-bottom:1px dotted #666;
width:100%;
padding-bottom:5px;
}

#contenu h1.ideo_gbl_sans{
font-weight:bold;
font-size:1.5em;
line-height:1.1em;
color:#d00404;
margin:0 0 12px 0;
border-bottom:1px dotted #666;
width:100%;
padding-bottom:5px;
}

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

#contenu h3{
font-variant:small-caps;
background:#D5D9E2;
font-weight:bold;
font-size:1.1em;
color:#d00404;
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;
border-bottom:1px solid #e6e6e6;
padding:0;
width:100%;
text-align:left;
margin:15px 0;
color:#d00404;
float:left;
}

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

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

#contenu strong{
color:#756d6d;
}

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

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



a img {border:none;}

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

#contenu ul{
margin:10px 0 10px 10px;
}

#contenu ul li{
background:url(../../images/integration/puce1.gif) no-repeat;
list-style:none;
padding:1px 0 1px 35px;
font:12px normal Arial, Helvetica, sans-serif;
color:#a58362;
margin:4px 0;
}



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

VISUEL

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

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

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



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

FORMULAIRE

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

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

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

#contenu textarea{
background-color:transparent;
border:1px solid #a58362;
color:#a58362;
}



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

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:#d00404;
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:#e6e6e6;
text-decoration:underline;
}



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

REFERENCEMENT 

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

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

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

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



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

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;
}



/*-------------------------- Galerie  ---------------------------*/



#contenu #galeriephoto {
margin-top:20px;
width:450px;
float:left;
height:96px;
padding-bottom:50px;
}

#contenu #defilgauche {
  float: left;
  margin: 0 5px 5px 0;
  cursor: pointer;border:none;
  z-index: 9;
  }
.border0 {border:none; 
}

#contenu #defildroite {
  float: right;
  margin: 0 0 5px 5px;
  cursor: pointer;
  z-index: 10;
  }



#contenu #flowcut {
  width: 352px;
  overflow: hidden;
  position: relative;
  }

#contenu #flow{
  position: relative;
  }

#contenu .vign{
  float: left;
  margin-right :10px;
  width: 142px;


  }