/* CSS Document */
*
{
margin:0;
padding:0;
border:0;
font-size:1em;
font-style:normal;
text-decoration:none;
}
body
{
margin:0;
padding:0;
border:0;
background-image:url(img/Colline-verdoyante.jpg);
font-family: Arial, Helvetica, sans-serif;
}
a
{
color:#000000;
}
.lien
{
color:#000000;
font-weight:bold;
}
div#haut
{
margin:15px auto 0 auto;
width:1000px;
background: url(img/tetiere.png) top no-repeat;
}

div#conteneur
{
padding-left:6px;
padding-right:6px;
background-image:url(img/milieu.png);
background-repeat:repeat-y;
position:relative;
top:18px;
}
div#bas
{
text-align:center;
position:relative;
top:18px;
background: url(img/bottom.png) no-repeat;
width:1000px;
font-size:12px;
color:#FFFFFF;
}
div#pied
{
padding-top:22px;
padding-bottom:20px;
}
div#pied a
{
color:#fff;
}
div#pied a:hover
{
color:#fff;
}
div#logo
{
position:relative;
top:25px;
background-image:url(img/logo.jpg);
background-repeat:no-repeat;
margin-left:21px;
height:60px;
}

h1
{
position:relative;
color:#000000;
font-size:10px;
top:50px;
left:190px;
}

ul#menuhaut
{
color:#666666;
list-style:none;
text-align:right;
width:150px;
font-size:12px;
position:relative;
left:820px;
top:-30px;
line-height:1.5em;
}
#menuhaut a
{
text-decoration:none;
color:#666666;
background-image:url(img/carrenoir.png);
background-position:right;
background-repeat:no-repeat;
padding-right:15px;
}

/*barre de menu*/
#general
{
left:18px;
position:relative;
z-index:1;
bottom:3px;
}
ul.menu
{
font-weight:bold;
list-style-type:none;
}
.menu  li
{
background-image:url(img/debonglet.png);
background-position:left ;
background-repeat:no-repeat;
float:left;
height:21px;
}

.menu  li:hover
{
background-image:url(img/on_debonglet.png);
}
.menu li.premier, .menu li.premier.on
{
background-image:url(img/debbarre.png);
}
.menu li.premier:hover, .menu li.premier.on
{
background-image:url(img/on_debbarre.png);
}
.menu a
{
background-image:url(img/finonglet.png);
background-position:right top ;
background-repeat:no-repeat;
position:relative;
left:10px;
display:block;
text-decoration:none;
height:21px;
font-size:10px;
color:#666666;
padding-top:5px;
padding-right:10px;
margin-left:-10px;
}

.menu a:hover, .menu  li:hover a
{
background-image:url(img/on_finonglet.png);
}
.menu a.dernier
{
background-image:url(img/finbarre.png);
}
.menu a.dernier:hover, .menu li.on a.dernier
{
background-image:url(img/on_finbarre.png);
}

.menu span
{
margin:0 ;
padding:0 ;
}
#texte
{
margin:0 0 0 -10px;
padding:5px 10px 0 0;
background-image:none;
}
.menu div
{
background-image:url(img/milonglet.png);
background-repeat:repeat-x;
background-position:bottom;
height:21px;
margin-left:10px;
margin-right:10px;
}
.menu  li:hover div , .menu li.on div
{
background-image:url(img/on_milonglet.png);
}
.menu li.on
{
background-image:url(img/on_debonglet.png);
}
.menu li.on a
{
background-image:url(img/on_finonglet.png);
}

/*couleurs*/
.web#sousmenu1 a:hover, .web#sousmenu2 a:hover, .web#sousmenu1 .on a, .web#sousmenu2 .on a, 
.creagraphique#sousmenu1 a:hover, .creagraphique#sousmenu2 a:hover, .creagraphique#sousmenu1 .on a, .creagraphique#sousmenu2 .on a,
.photo#sousmenu1 a:hover, .photo#sousmenu2 a:hover, .photo#sousmenu1 .on a, .photo#sousmenu2 .on a,
.video#sousmenu1 a:hover, .video#sousmenu1 .on a,
.formation#sousmenu1 a:hover, .formation#sousmenu1 .on a,
.audit#sousmenu1 a:hover, .audit#sousmenu1 .on a,
.book#sousmenu1 a:hover, .book#sousmenu1 .on a
{
color:#666666;
}


#atp  a:hover, #atp.on a, #pageatp, .atp a:hover, .atp .on a 
{
color:#003366;
}

#creagraphique a:hover, #creagraphique.on a, #pagecreagraphique, .creagraphique a:hover, .creagraphique .on a, .creagraphique#sousmenu1 a, .creagraphique#sousmenu2 a
{
color:#9933CC;
}
#web a:hover, #web.on a, #pageweb, .web a:hover, .web .on a, .web#sousmenu1 a, .web#sousmenu2 a
{
color:#0099CC;
}
#cdrom a:hover, #cdrom.on a, #pagecdrom, .cdrom a:hover, .cdrom .on a
{
color:#33CC33;
}
#video a:hover, #video.on a, #pagevideo, .video a:hover, .video .on a, .video#sousmenu1 a
{
color:#FF9900;
}
#photo a:hover, #photo.on a, #pagephoto , .photo a:hover, .photo .on a, .photo#sousmenu1 a, .photo#sousmenu2 a
{
color:#006633;
}
#formation a:hover, #formation.on a, #pageformation, .formation a:hover, .formation .on a, .formation#sousmenu1 a
{
color:#FF0066;
}
#audit a:hover, #audit.on a, #pageaudit, .audit a:hover, .audit .on a, .audit#sousmenu1 a
{
color:#CC0000;
}
#book a:hover, #book.on a, #pagebook, .book a:hover, .book .on a, .book#sousmenu1 a
{
color:#663300;
}
#references a:hover, #references.on a, #pagereferences, .references a:hover, .references .on a 
{
color:#CC6699;
}
#pagecontact
{
color:#CCCC99;
}
#pageespaceclient
{
color:#FFCC00;
}

/*bandeau photo*/
#photographie
{
border-top-color: #CCCCCC;
border-top-style:solid;
border-top-width:1px;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
padding-top:1px;
}
#photographie img
{
bottom:19px;
position:relative;
margin-bottom:-16px;
border-top-color:#CCCCCC;
border-top-style:solid;
border-top-width:1px;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
}

/*liste de references*/

ul.ref
{
color:#000000;
list-style-type:none;
width:155px;
font-size:10px;
line-height:1.8em;
float:right;
margin-top:30px;
margin-right:10px;
}

.ref a
{
color:#000000;
text-decoration:none;
}


.ref li
{
padding-left:10px;
background-image:url(img/carre.png);
background-repeat:no-repeat;
background-position: 0px 5px;
}
#logoref li
{
background-image:none;
}
.contenant
{
margin-top:30px;
padding-bottom:5px;
width:805px;
border-right-color:#CCCCCC;
border-right-style:solid;
border-right-width:1px;
}
#colonneblocks
{
position:relative;
right:10px;
float:right;
}

/*bloc login*/

#client
{
margin-right:12px;
border-style:solid;
border-color:#CCCCCC;
border-width:1px;
width:159px;
}
#espace
{
font-family:Arial, Helvetica, sans-serif;
background-color:#999999;
color:#FFFFFF;
text-align:center;
font-size:10px;
position:absolute;
z-index:1;
width:159px;
}
#clef
{
background-image:url(img/clefs.png);
background-repeat:no-repeat;
background-position:top;
width:30px;
height:34px;
position:absolute;
z-index:2;
}
form
{
font-size:10px;
padding-left:34px;
padding-top:12px;
line-height:2em;
}
input
{
font-size:10px;
border-color:#CCCCCC;
border-style:solid;
margin-right:2px;
height:12px;
vertical-align:middle;
}
input#login
{
width:92px;
border-width:2px;
}
#motpass
{
border-width:1px;
width:55px;
}
#ok
{
background-color:#FFFFFF;
border-width:1px;
margin-left:102px;
height:15px;
margin-bottom:2px;
margin-top:2px;
width:20px;
}


/*bloc pack*/

#pack
{
margin-top:10px;
width:161px;
height:181px;
}
#ptitbouton
{
z-index:1;
position:relative;
bottom:22px;
left:96px;
}

/*bloc galerie*/
#galerie
{
padding-right:10px;
margin-top:10px;
}
#galerie a
{
text-decoration:none;
color:#000000;
}

/*page*/
.page
{
font-size:12px;
position:relative;
width:585px;
left:14px;
border-color:#CCCCCC;
border-style:solid;
border-width:1px;
}
#tablologo
{
float: rigth;
margin-left:10px;
}
.page p
{
padding:5px;
padding-bottom:15px;
text-align:justify;
}
#sousmenu2
{
position: absolute;
display:block;
border-top-color:#CCCCCC;
border-top-style:solid;
border-top-width:1px;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
width:100%;
margin-top:1px;
margin-bottom:2px;}

#sousmenu1
{

position:relative;
background-image:none;
bottom:22px;
right:2px;
}

.contenu
{
border-top-style:solid;
border-top-color:#CCCCCC;
border-top-width:1px;
padding:15px;
margin-top:25px;
}
.short1
{
height:356px;
}
.short2
{
height:359px;
}
.titre
{
font-weight:bold;
padding-bottom:15px;
}
.soustitre
{
font-weight:bold;
margin-left:5px;
}
#titresolo
{
border-top:none;
margin-top:0px;
position:absolute;
}
#ongletsolo
{
border-top:none;
position: relative;
bottom:22px;
right:2px;
}
#ongletsolo p
{
padding-top:0;
}
.liste
{
margin-left:30px;
color:#000000;
margin-bottom:15px;
}
#spe
{
font-weight:bolder;
text-align:center;
}

/*page contact*/
form#contact
{
font-size:11px;
line-height:2em;
position:relative;

}
form#contact input
{
border-width:1px;
border-color:#CCCCCC;
border-style:solid;
position:absolute;
left:90px;
width:120px;
padding:2px;
}
form#contact div
{
height:18px;
margin-bottom:10px;
margin-left:10px;
}
form#contact div label
{
position:relative;
right:30px;

}
#checkbox
{
position:relative;
left:180px;
bottom:325px;
line-height:1.5em;
}
#checkbox p
{
position:relative;
bottom:10px;
left:10px;
}

#checkbox div input
{
width:12px;
margin-left:90px;
z-index:1;
margin-top:-8px;
}
#checkbox div p
{
position:relative;
width:150px;
line-height:1em;
bottom:8px;
right:9px;
}
#colondroite
{
position:relative;
left:130px;
bottom:140px;
}
#colondroite div p
{
position:relative;
left:60px;
width:120px;
}


#textarea p
{
position:relative;
left:-1px;
}
#textarea textarea
{
position:relative;
border-color:#CCCCCC;
border-width:1px;
border-style:solid;
bottom:5px;
left:15px;
width:302px;
overflow:auto;
}
#submit
{
position:relative;
left:68px;
top:120px;
}
#submit div input
{
background-color:#FFFFFF;
border-color:#CCCCCC;
border-width:1px;
border-style:solid;
width:70px;
height:18px;
padding-bottom:2px;
}
/*plan du site*/
.plan
{
margin-left:20px;
margin-right:10px;
color:#000000;
}
.plan a
{
color:#000000;
}
#listatpv
{
list-style-image:url(img/carreatpv.jpg);
}
#listcrea
{
list-style-image:url(img/carrecrea.jpg);
}
#listweb
{
list-style-image:url(img/carreweb.jpg);
}
#listcd
{
list-style-image:url(img/carrecd.jpg);
}
#listphoto
{
list-style-image:url(img/carrephoto.jpg);
}
#listvideo
{
list-style-image:url(img/carrevideo.jpg);
}
#listformation
{
list-style-image:url(img/carreformation.jpg);
}
#listaudit
{
list-style-image:url(img/carreaudit.jpg);
}
#listrea
{
list-style-image:url(img/carrerea.jpg);
}
#listref
{
list-style-image:url(img/carreref.jpg);
}
#listcontact
{
list-style-image:url(img/carrecontact.jpg);
}
#listespace
{
list-style-image:url(img/carreespace.jpg);
}
#listplan
{
list-style-image:url(img/carreplan.jpg);
}
.liste a
{
text-decoration:none;
color:#000000;
}
.sousliste
{
margin-left:20px;
list-style-image:url(img/carre.png);
color:#000000;
}
.col1
{
padding-left:0;
}
.col2
{
position:relative;
float:right;
left:20px;
padding-left:20px;
}
.col3
{
position:relative;
float:right;
padding-left:20px;
left:20px;
padding-right:20px;
}

/*realisation book site web*/
#capture
{
float:left;
margin:5px 4px 4px 10px;
}
#capt1
{
margin-top:10px;
}
#capt2
{
margin-top:65px;
}
#nav
{
position:relative;  
bottom:22px;
left:2px;
}
#navphoto
{
position:relative;  
bottom:22px;
left:1px;
}
#back
{
float:right;
background-image:url(img/capture/boutongauche.png);
background-repeat:no-repeat;
height:21px;
width:40px;
}
#forward
{
float:right;
background-image:url(img/capture/boutondroite.png);
height:21px;
width:40px;
}
#backphoto
{
float:right;
background-image: url(img/boutongauche_photo.png);
background-repeat:no-repeat;
height:21px;
width:40px;
margin-right:-1px;
}
#forwardphoto
{
float:right;
background-image: url(img/boutondroite_photo.png);
height:21px;
width:40px;
}
#backvideo
{
float:right;
background-image: url(img/boutongauche_video.png);
background-repeat:no-repeat;
height:21px;
width:40px;
margin-right:-2px;
}
#forwardvideo
{
float:right;
background-image: url(img/boutondroite_video.png);
height:21px;
width:40px;
}
#backlienvide
{
float:right;
background-image:url(img/capture/boutongauche_lienvide.png);
background-repeat:no-repeat;
height:21px;
width:40px;
}
#forwardlienvide
{
float:right;
background-image:url(img/capture/boutondroite_lienvide.png);
height:21px;
width:40px;
}
#backphotolienvide
{
float:right;
background-image: url(img/boutongauche_photo_lienvide.png);
background-repeat:no-repeat;
height:21px;
width:40px;
margin-right:-1px;
}
#forwardphotolienvide
{
float:right;
background-image: url(img/boutondroite_photo_lienvide.png);
height:21px;
width:40px;
}
#backvideolienvide
{
float:right;
background-image: url(img/boutongauche_video_lienvide.png);
background-repeat:no-repeat;
height:21px;
width:40px;
margin-right:-2px;
}
#forwardvideolienvide
{
float:right;
background-image: url(img/boutondroite_video_lienvide.png);
height:21px;
width:40px;
}
#navvideo
{
position:relative;  
bottom:22px;
left:2px;
}

#pagebook
{
font-weight:bold;
}
#pagebook a
{
font-weight:normal;
color:#000000;
}
/* logos*/
.logos
{
width:780px;
margin-right:10px;
margin-top:30px;
padding:10px;
height:550px;
}
.logos table
{
width:100%;
text-align:center;
}


.logos li
{
position:relative;
bottom:10px;
right:10px;
}