/* CSS Document */

* {
margin:0;
padding:0;
}

body {
background:#9C0B34;
color:#000;
font:11px Verdana, Arial, Helvetica, sans-serif;
font-family:verdana;
font-size:11px;
text-align:justify;
}

img, a.img {
border:0
}

.submit { background:url(images_site/btn_envoyer.gif) top left no-repeat; cursor:pointer; text-decoration:none; border:0px; width:84px; height:29px; }
.ok { background:url(images_site/btn_ok.gif) top left no-repeat; cursor:pointer; text-decoration:none; border:0px; width:38px; height:29px; }

hr { visibility:hidden; clear:both; } /*tous les flottants seront au dessus des hr*/

#intro {
background:#9C0B34;
height:450px;
left:50%;
margin:-225px 0 0 -300px;
position:absolute;
top:50%;
width:600px;
}

#conteneur {
background:#FFF;
height:761px;
left:50%;
margin:-380px 0 0 -446px;
position:absolute;
top:50%;
width:892px;
}

#header {
background:url(images_site/header.gif) top left no-repeat;
height:119px;
}

#main {
height:537px;
float:left;
width:629px;
}

#menu {
background:url(images_site/menu_fin.gif) top right no-repeat;
height:47px;
}

#menu li {
list-style-type:none;
float:left;
}

#menu li a {
display:block;
height:47px;
}

#menu li a span {
display:none;
}

#menu li .presentation {
background:url(images_site/menu_presentation.gif) top left no-repeat;
width:153px;
}

#menu li .presentation:hover, #menu li .presentation_on {
background:url(images_site/menu_presentation.gif) bottom left no-repeat;
width:153px;
/*background-position:bottom left;*/
}

#menu li .realisation {
background:url(images_site/menu_realisation.gif) top left no-repeat;
width:158px;
}

#menu li .realisation:hover, #menu li .realisation_on {
background:url(images_site/menu_realisation.gif) bottom left no-repeat;
width:158px;
}

#menu li .contact {
background:url(images_site/menu_contact.gif) top left no-repeat;
width:103px;
}

#menu li .contact:hover, #menu li .contact_on {
background:url(images_site/menu_contact.gif) bottom left no-repeat;
width:103px;
}

#menu li .liens {
background:url(images_site/menu_liens.gif) top left no-repeat;
width:88px;
}

#menu li .liens:hover, #menu li .liens_on {
background:url(images_site/menu_liens.gif) bottom left no-repeat;
width:88px;
}

#menu li .accueil {
background:url(images_site/menu_accueil.gif) top left no-repeat;
width:127px;
}

#menu li .accueil:hover, #menu li .accueil_on {
background:url(images_site/menu_accueil.gif) bottom left no-repeat;
width:127px;
}

#contenu {
padding:0 10px 10px 10px;
position:relative;
}

.t_liens { text-align:center; }

.titre_formation{margin:60px auto 0px 150px;}
.titre_experience{margin:70px auto 15px auto;}
.titre_logiciel{margin:70px auto 15px auto;}
.titre_divers{margin:70px auto 15px auto;}
.titre_accueil{margin:20px auto;}
.titre_contact{margin:20px auto;}
.titre_liens{margin:20px auto;}
.titre_realisation{margin:70px auto 40px auto;}
.titre_web{margin:70px auto 15px auto;}
.titre_print{margin:70px auto 15px auto;}
.titre_illustration{margin:70px auto 15px auto;}
.titre_photo{margin:70px auto 15px auto;}
.titre_travaux{margin:70px auto 15px auto;}
.titre_dessin{margin:70px auto 15px auto;}
.titre_logo{margin:70px auto 15px auto;}
.titre_mention{margin:20px auto;}

.overflow { overflow:auto; height:300px; width:100%; }

.image_mois{
float:right;
text-align:right;
font-size:9px;
color:#999999;
}

.txt_rose{
color:#9C0B34;
font-weight:bold;
}

.txt_bold {
font-weight:bold;
}

.txt_accueil{
float:left;
width:260px;
}

.lien_espace_prive{
text-align:center;
color:#9C0B34;
text-decoration:none;
font-weight:bold;
font-size:10px;
}

.lien_espace_prive a{
text-align:center;
color:#9C0B34;
text-decoration:none;
font-weight:bold;
font-size:10px;
}

.lien_espace_prive a:hover{
text-align:center;
color:#A5A525;
text-decoration:underline;
font-weight:bold;
font-size:10px;
}

.txt_formation{
margin:60px auto;
}

.centrer_btn{
margin:0 0 0 200px;
}

.cv_pdf{
color:#000000;
margin-left:200px;
text-decoration:underline;
}

.cv_pdf a:hover {
color:#A6A626;
margin-left:170px;
}

.form_contact {
margin-top:40px;
font-family:verdana;
font-size:11px;
}

.arbre_contact {
float:left;
width:135px;
top:200px;
padding:20px;
padding-right:40px;
}

.arbre_realisation{
width:600px;
}

.cadre_mention{
background:url(images_site/cadre_mention.gif) no-repeat;
height:396px;
margin-left:80px;
}

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


.lien_mentions:hover{
color:#A5A525;
text-decoration:underline;
}

.puce {
position:absolute;
top:0;
right:102px !important;	/* pour IE 7 et FF */
right:101px;
}

#gauche {
background:url(images_site/bandeau_gauche.gif) top left no-repeat;
float:left;
height:537px;
width:139px;
}

#droite {
background:url(images_site/bandeau_droit.gif) top right no-repeat;
float:right;
height:537px;
width:124px;
}

#footer {
clear:both;
background:url(images_site/footer.gif) top left no-repeat #9C0B34;
height:105px;
position:relative;
}

#footer img {
position:absolute;
top:-40px;
left:139px;
}

#footer p {
text-align:center;
font-size:9px;
padding-top:70px;
padding-left:100px;
color:#FFF;
}

#footer p a{
color:#FFF;
text-decoration:none;
}

#footer p a:hover{
color:#dee233;
}

.photo_id {
float:right;
margin-right:10px;
}

#authentification{
background-image:url(images_site/authentification.gif);
height:351px;
left:50%;
margin:-175px 0 0 -215px;
position:absolute;
top:50%;
width:430px;
}

#form_authentification{
margin:140px 0 0 150px;
}

#liste_formation li{
list-style-type:disc;
margin-left:5px;
margin-bottom:14px;
}

#liste_expe li{
list-style-type:disc;
margin-left:5px;
margin-bottom:14px;
}

#liste_logiciel li{
list-style-type:disc;
margin-left:5px;
margin-bottom:14px;
}


#liste_divers li{
list-style-type:disc;
margin-left:5px;
margin-bottom:14px;
}


a span {
display:none;
}

.ico_formation {
background:url(images_site/icone_formation.gif) top left no-repeat;
display:block;
height:49px;
position:absolute;
width:45px;
top:10px;
left:100px;
}

.ico_formation:hover, .ico_formation_on {
background:url(images_site/icone_formation.gif) bottom left no-repeat;
display:block;
height:34px;
position:absolute;
width:45px;
top:10px;
left:100px;
}

.ico_expe {
background:url(images_site/icone_expe.gif) top left no-repeat;
display:block;
height:49px;
position:absolute;
width:69px;
top:10px;
left:170px;
}

.ico_expe:hover, .ico_expe_on {
background:url(images_site/icone_expe.gif) bottom left no-repeat;
display:block;
height:49px;
position:absolute;
width:69px;
top:10px;
left:170px;
}

.ico_logiciel {
background:url(images_site/icone_logiciel.gif) top left no-repeat;
display:block;
height:49px;
position:absolute;
width:35px;
top:10px;
left:270px;
}

.ico_logiciel:hover, .ico_logiciel_on {
background:url(images_site/icone_logiciel.gif) bottom left no-repeat;
display:block;
height:36px;
position:absolute;
width:35px;
top:10px;
left:270px;
}

.ico_divers {
background:url(images_site/icone_divers.gif) top left no-repeat;
display:block;
height:49px;
position:absolute;
width:28px;
top:10px;
left:350px;
}

.ico_divers:hover, .ico_divers_on {
background:url(images_site/icone_divers.gif) bottom left no-repeat;
display:block;
height:34px;
position:absolute;
width:28px;
top:10px;
left:350px;
}

.ico_web {
background:url(images_site/ico_web.gif) top left no-repeat;
display:block;
height:34px;
position:absolute;
width:26px;
top:10px;
left:50px;
}

.ico_web:hover, .ico_web_on {
background:url(images_site/ico_web.gif) bottom left no-repeat;
display:block;
height:34px;
position:absolute;
width:26px;
top:10px;
left:50px;
}

.ico_print {
background:url(images_site/ico_print.gif) top left no-repeat;
display:block;
height:36px;
position:absolute;
width:26px;
top:10px;
left:105px;
}

.ico_print:hover, .ico_print_on {
background:url(images_site/ico_print.gif) bottom left no-repeat;
display:block;
height:36px;
position:absolute;
width:26px;
top:10px;
left:105px;
}

.ico_illustration {
background:url(images_site/ico_illustration.gif) top left no-repeat;
display:block;
height:34px;
position:absolute;
width:47px;
top:10px;
left:150px;
}

.ico_illustration:hover, .ico_illustration_on {
background:url(images_site/ico_illustration.gif) bottom left no-repeat;
display:block;
height:34px;
position:absolute;
width:47px;
top:10px;
left:150px;
}

.ico_logo {
background:url(images_site/ico_logo.gif) top left no-repeat;
display:block;
height:36px;
position:absolute;
width:27px;
top:10px;
left:215px;
}

.ico_logo:hover, .ico_logo_on {
background:url(images_site/ico_logo.gif) bottom left no-repeat;
display:block;
height:36px;
position:absolute;
width:27px;
top:10px;
left:215px;
}

.ico_photo {
background:url(images_site/ico_photo.gif) top left no-repeat;
display:block;
height:36px;
position:absolute;
width:32px;
top:10px;
left:270px;
}

.ico_photo:hover, .ico_photo_on {
background:url(images_site/ico_photo.gif) bottom left no-repeat;
display:block;
height:36px;
position:absolute;
width:32px;
top:10px;
left:270px;
}

.ico_dessin{
background:url(images_site/ico_dessin.gif) top left no-repeat;
display:block;
height:50px;
position:absolute;
width:49px;
top:10px;
left:320px;
}

.ico_dessin:hover, .ico_dessin_on {
background:url(images_site/ico_dessin.gif) bottom left no-repeat;
display:block;
height:49px;
position:absolute;
width:49px;
top:10px;
left:320px;
}

.ico_manuel{
background:url(images_site/ico_manuel.gif) top left no-repeat;
display:block;
height:50px;
position:absolute;
width:47px;
top:10px;
left:375px;
}

.ico_manuel:hover, .ico_manuel_on {
background:url(images_site/ico_manuel.gif) bottom left no-repeat;
display:block;
height:47px;
position:absolute;
width:47px;
top:10px;
left:375px;
}

.ico_formation span, .ico_expe span, .ico_logiciel span, .ico_divers span, .ico_web span, .ico_print span,  .ico_illustration span, .ico_logo span, .ico_photo span, .ico_dessin span, .ico_manuel span { 
display:none; 
}