/* styles css */

/* 
/*
/* global ******************* */

* {
padding: 0;
margin: 0;
border: 0;
font-family: helvetica, arial, sans-serif;
outline: none;
}

html {
height: 100%;
font-size: 100%;
}

body {
font-size: 1em;
width: 100%; height: 100%;
background-color: #c2ca00;
}

body.fdvert {background-color: #c2ca00;}
body.fdbleu {background-color: #66b8dc;}
body.fdrose {background-color: #cc0066;}
body.fdnoir {background-color: #4b4b4b;}

#fondpage {
width: 100%;
background: #fff url(../actual_imports/bg-fond.gif) 0 0 repeat-x;
}

#global {
position: relative;
width: 900px;
margin: 0 auto;
}

#index {
width: 100%; height: 100%;
background: transparent url(../actual_imports/bg-index.gif) 0 50% repeat-x;
}

#index-bubble {
position: absolute;
top: 50%; left: 50%;
width: 600px; height: 300px;
background: transparent url(../actual_imports/actual-consultants-a.png) 50% 5px no-repeat;
margin-top: -150px; margin-left: -300px;
}

#index-bubble p {
position: relative;
padding-top: 250px;
text-align: center;
font-size: 1em;
line-height: 1em;
color: #fff;
}
#index-bubble p a {color: #fff;}
#index-bubble p a:hover {text-decoration: none;} 
 

/* 
/*
/* header ******************* */

#header {
position: relative;
height: 190px;
width: 900px;
background: transparent url(../actual_imports/bg-header.gif) 0 160px no-repeat;
}

#header a.home-vert, #header a.home-bleu, #header a.home-noir, #header a.home-rose {
display: block;
height: 105px; width: 200px;
position: relative;
top: 40px; left: 0;
background: transparent url(../actual_imports/actual-logo-vert.gif) 0 0 no-repeat;
}
#header a.home-bleu {background: transparent url(../actual_imports/actual-logo-bleu.gif) 0 0 no-repeat;}
#header a.home-rose {background: transparent url(../actual_imports/actual-logo-rose.gif) 0 0 no-repeat;}
#header a.home-noir {background: transparent url(../actual_imports/actual-logo-noir.gif) 0 0 no-repeat;}

#header h1, #header h2, #header span {
display: none;
}

#messageboard {
position: absolute;
top: 18px; left: 570px;
width: 200px; height: 100px;
/*background: transparent url(../actual_imports/bg-messageboard2.gif) right bottom no-repeat;*/
} 

#messageboard p {
position: absolute;
bottom: 0; left: 10px;
width: 180px;
text-align: left;
font-size: 0.8em;
font-style: italic;
color: #666;
}

#messageboard p a {color: #666;}
#messageboard p a:hover {text-decoration: none;}

#messageboard p.blanc {
color: #fff;
background-color: black;
padding: 5px;
font-size: 0.7em;
left: 5px;
}

#facebook {
position: absolute;
right: 64px; top: 65px;
width: 54px; height: 74px;
}

#facebook a.fb-bt, #facebook a.fb-btbleu, #facebook a.fb-btrose, #facebook a.fb-btnoir {
display: block;
height: 54px; width: 54px;
margin-bottom: 8px;
background: transparent url(../actual_imports/fb-vert.gif) 0 0 no-repeat;
}

#facebook a.fb-btbleu {background: transparent url(../actual_imports/fb-bleu.gif) 0 0 no-repeat;}
#facebook a.fb-btnoir {background: transparent url(../actual_imports/fb-noir.gif) 0 0 no-repeat;}
#facebook a.fb-btrose {background: transparent url(../actual_imports/fb-rose.gif) 0 0 no-repeat;}

#facebook a:hover {opacity: 0.8}



#rss {
position: absolute;
right: 0; top: 65px;
width: 54px; height: 74px;
}

#rss a.rss-bt, #rss a.rss-btbleu, #rss a.rss-btrose, #rss a.rss-btnoir {
display: block;
height: 54px; width: 54px;
margin-bottom: 8px;
background: transparent url(../actual_imports/rss-vert.gif) 0 0 no-repeat;
}

#rss a.rss-btbleu {background: transparent url(../actual_imports/rss-bleu.gif) 0 0 no-repeat;}
#rss a.rss-btnoir {background: transparent url(../actual_imports/rss-noir.gif) 0 0 no-repeat;}
#rss a.rss-btrose {background: transparent url(../actual_imports/rss-rose.gif) 0 0 no-repeat;}

#rss a.fr, #rss a.en {
float: left;
display: block;
height: 11px; width: 17px;
margin: 0 5px;
background: transparent url(../actual_imports/flag-fr.gif) 0 0 no-repeat;
}

#rss a.en {
background: transparent url(../actual_imports/flag-en.gif) 0 0 no-repeat;
}

#rss a:hover {opacity: 0.8}


/* 
/*
/* typo + couleurs ******************* */

h3 {
font-size: 1.2em;
line-height: 1.4em;
margin-bottom: 15px;
color: #fff;
text-align: left;
}

h3 a {
color: #fff;
text-decoration: none;
}

h3 a:hover {
padding-left: 2px;
text-decoration: none;
}

h4 {
font-size: 0.9em;
}

h4.plusdactu {
padding: 5px 0 0 25px;
font-size: 1.2em;
line-height: 1.4em;
margin-bottom: 15px;
color: #fff;
}

h5 {
font-size: 0.8em;
}

p {
font-size: 0.8em;
line-height: 1.4em;
margin-bottom: 10px;
text-align: justify;
}

p.drapeau {
text-align: left;
}

a {
color: #c06;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}

.vert {color: #c2ca00;}
.bleu {color: #66b8dc;}
.rose {color: #cc0066;}
.noir {color: #000;}
.gris {color: #666;}
.blanc {color: #fff;}

.light {
font-size: 0.8em;
line-height: 1.2em;
}

.ultralight {
font-weight: normal;
font-size: 0.7em;
line-height: 1.2em;
}


/* 
/*
/* contenu ******************* */

#contenu {
position: relative;
width: 940px;
padding-top: 30px;
padding-bottom: 60px;
}

div.col-small {
float: left;
width: 200px;
margin-right: 33px;
}

div.col-small img {
margin-bottom: 15px;
}

div.col-mid {
float: left;
width: 433px;
margin-right: 33px;
}

div.col-wide {
float: left;
width: 699px;
}

div.col-wide2 {
float: left;
width: 666px;
}


/*------ portfolio ------- */


div#col-portfolio {
float: left;
width: 190px;
margin-right: 33px;
margin-top: 30px;
margin-left: 10px;
}

div#col-portfolio p {
text-align: left;
margin-bottom: 10px;
}

div#col-portfolio a {
color: #fff;
}


/*------ presse & photothèque ------- */


div.col-presse {
}

div.bloc-presse {
float: left;
width: 200px;
min-height: 200px;
margin-right: 28px;
margin-bottom: 28px;
background-color: #fff;
-moz-box-shadow: 0 2px 12px #ccc;  
-webkit-box-shadow: 0 2px 12px #ccc;  
box-shadow: 0 2px 12px #ccc;
border: 2px solid #cc0066;
}

div.contenu-bloc {
margin: 10px 10px 0 10px;
}

div.contenu-bloc p {
font-size: 0.75em;
line-height: 1.3em;
margin: 5px 0;
}

div#col-photo {
float: left;
width: 413px;
padding: 5px 0 10px 18px;
margin-right: 33px;
background: #fff url(../actual_imports/fleche-phototheque.gif) 0 4px no-repeat;
-moz-box-shadow: 0 2px 12px #ccc;  
-webkit-box-shadow: 0 2px 12px #ccc;  
box-shadow: 0 2px 12px #ccc;
border: 2px solid #cc0066;
}

div#col-photo h4 {margin-bottom: 20px;}

div#col-photo a img {}
div#col-photo a:hover img {opacity: 0.6;}

div.photo-bloc {
float: left; 
margin: 0 10px 20px 0;
/*width: 110px;*/
height: 110px;
}

p.photo-legende {
color: #666; 
font-style: oblique; 
font-size: 0.6em;
margin-top: 3px;
margin-bottom: 0;
}

p.photo-legende a {
color: #666;
padding-left: 12px;
background: transparent url(../actual_imports/fleche-grise.gif) 0 0 no-repeat;
}

a.back-rose {
position: relative; 
top: 30px; left: 0;
padding: 6px 0 6px 30px;
font-weight: bold;
text-decoration: none;
color: #cc0066;
background: transparent url(../actual_imports/fleche-rose-g.gif) 0 0 no-repeat;
}

a.back-rose:hover {text-decoration: underline;}

hr {
visibility: hidden;
clear: both;
height: 10px;
}


/*------ vidéothèque ------- */


div#col-video {
clear: left;
position: relative;
margin-right: 33px;
top: 20px; left: 0;
width: 413px;
padding: 5px 0 10px 18px;
background: #fff url(../actual_imports/fleche-phototheque.gif) 0 4px no-repeat;
-moz-box-shadow: 0 2px 12px #ccc;  
-webkit-box-shadow: 0 2px 12px #ccc;  
box-shadow: 0 2px 12px #ccc;
border: 2px solid #cc0066;
}

/*div#col-video {
position: relative;
width: 413px;
padding: 5px 0 10px 18px;
margin-left: 466px;
background: #fff url(../actual_imports/fleche-phototheque.gif) 0 4px no-repeat;
-moz-box-shadow: 0 2px 12px #ccc;  
-webkit-box-shadow: 0 2px 12px #ccc;  
box-shadow: 0 2px 12px #ccc;
border: 2px solid #cc0066;
}*/

div.video-container {
float: left;
margin: 10px 20px 20px 0;
}

div#col-video h4 {margin-bottom: 20px;}


/*------ formulaires & divers ------- */


input, textarea {
padding: 4px;
border: 1px solid #ccc;
width: 190px;
}

input.envoi {
width: 100px;
background-color: #c2ca00;
color: #fff;
border: 0;
cursor: pointer;
}

div.bloc-bleu {
position: relative;
padding: 10px;
background-color: #66b8dc;
-moz-box-shadow: 0 2px 12px #ccc;  
-webkit-box-shadow: 0 2px 12px #ccc;  
box-shadow: 0 2px 12px #ccc;
}

a.logo-refs {
width: 130px; 
margin-right: 5px; 
z-index: 200px;
}

a.logo-refs span {display: none;}
a.logo-refs:hover span {
display: block;
position: absolute; top: 70px; left: 440px;
padding: 4px;
width: 200px;
color: #666; font-size: 0.7em;
-moz-box-shadow: 0 2px 12px #ccc;  
-webkit-box-shadow: 0 2px 12px #ccc;  
box-shadow: 0 2px 12px #ccc;
border: 2px solid #c2ca00;
z-index: 300px;
}
a.logo-refs img {margin: 10px;}

div.spacer1 {
height: 30px;
}

p.offre {
background-color: #666;
color: #fff;
padding: 5px;
}

p.offre a {color: #fff;}

/* 
/*
/* footer ******************* */

#footvert {
position: relative;
width: 100%;
height: 100px;
background: #c2ca00 url(../actual_imports/bg-footer-vert.gif) 0 0 repeat-x;
}
#footbleu {
position: relative;
width: 100%;
height: 100px;
background: #66b8dc url(../actual_imports/bg-footer-bleu.gif) 0 0 repeat-x;
}
#footrose {
position: relative;
width: 100%;
height: 100px;
background: #cc0066 url(../actual_imports/bg-footer-rose.gif) 0 0 repeat-x;
}
#footnoir {
position: relative;
width: 100%;
height: 100px;
background: #000 url(../actual_imports/bg-footer-noir.gif) 0 0 repeat-x;
}

div.infos p {
font-size: 0.75em;
line-height: 1.4em;
color: #000;
}

div.infos p a {
text-decoration: underline;
color: #000;
}

div.infos p a:hover {text-decoration: none;}

div.infos {
position: relative;
width: 900px;
margin: 0 auto;
padding-top: 15px;
}

div.a {
position: absolute;
top: 40px; right: 0;
width: 28px; height: 32px;
background: transparent url(../actual_imports/bg-footer-a.png) 0 0 no-repeat;
}

sup {
font-size: 0.5em;
}