/* CSS DOCUMENT */

body 
{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%; width: 98%; background:#1C1C1C url(images/body_bg.png) repeat-x; }

a {color:#60696E; text-decoration:none; font-size: 1em;}

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

.clear {clear:both;}

p {color:#000000; margin-left: 4%}

p a {border-bottom:dotted 1px #60696E;}

h4 {color:#ff00a2; background:url(images/fleche.png) no-repeat left; text-indent: 1em; font-size: 1em; padding-left:1em; margin-left: 1em; }

/*<------------ MENU ACCESSIBILITE--------------> */
#accessibilite {text-align:center; position:relative; color:#000000; width: 40em; height: 2.2em; margin: 2em -4.5em 0.4em 7.5%;}
#accessibilite li {display:inline; list-style:none; border-top:solid #e3f34b 1px; border-left:solid #e3f34b 1px; border-right:solid #e3f34b 1px; background-color:#FFF; margin-left: 10px; padding-bottom:0.4em}
#accessibilite a {margin: 0 1em 0 1em;}


/* <------------CENTER COLUMN--------------> */
#centerColumn {padding:0 .5em 10px .5em; margin: -7px 12% 0 12%;  background:#FFFFFF; text-align:left; width: 76%;}
#contenu {position:relative; margin-top: 1em;}


/* <-----------------HEADER ------------------>*/
#header {margin:-1em -.5em 0 -.5em !important; padding:0; height:246px; background:url(images/bg_header.png); position:relative; border:#FFFFFF solid 7px;}
#logo {float:right; background:url(images/logo.png) no-repeat; width: 350px; height: 246px; }


/*<------------------SWITCHER------------------>*/
#cadre {width: 15em; background-color: #e3f34b; position:absolute; margin: 1em 0 0 1em;}

#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px; background-repeat: no-repeat; font-size:1px; /* correction d'un bug IE */}
#hautgauche {background:url(images/hautgauche.png);}
#hautdroit {float: right; background:url(images/hautdroit.png);}
#basgauche {background:url(images/basgauche.png);}
#basdroit {float: right; background:url(images/basdroit.png);}

.p_style {margin: -0.5em 0 0 1em; text-align:center; color:#666666; text-indent: 0.2em;}
.switcher {margin: 0.5em 0 0 2em;}


/*<--------------- NAVIGATION -----------------> */
#navcontainer { margin : -10px auto 30px 0; background:url(images/pixel_menu.png) repeat-x 0 50%; font-size: 1em; z-index: 1;}
#navcontainer ul {list-style-type: none; text-align: left; padding: 0; position: relative; z-index: 2; margin-left: 5em;;}
#navcontainer li{display: inline; text-align: center; margin: 0 5px;}

/* Start Holly Hack, hidden from MacIE. \*/
* html #navigation ul li {height: 1%;}
/* End Holly Hack. */

#navcontainer li a {padding: 3px 8px; background-color: #FFFFFF; border: 1px solid #ccc; text-decoration: none;}
#navcontainer li a:hover {color: #000; border: 1px solid #1C1C1C; border-top: 2px solid #1C1C1C; border-bottom: 2px solid #1C1C1C}

.index .current1 { color:#ff00a2; font-size:1.2em;}
.curriculum .current2 { color:#ff00a2; font-size:1.2em;}
.portfolio .current3 { color:#ff00a2; font-size:1.2em;}
.liens .current4 { color:#ff00a2; font-size:1.2em;}
.contact .current5 { color:#ff00a2; font-size:1.2em;}


/*<------------CURRICULUM---------------->*/
table {width: 96%; padding:0; margin: 0 2% 0 2%; line-height: 1.3em;}
table a {border-bottom:dotted 1px #60696E;}
td, tr {text-align:left; text-decoration:none; vertical-align:baseline; font-size: 1em; line-height: 1.2em;}
td h4 {margin-left: -10px}
.td1 {width: 10%;}
.td2 {width:85%;}

#CV_download {float:right; text-align:center;}
#CV_download p {margin-right: 2%;}
#CV ul li {list-style-type:none; line-height: 1.5em}
#CV li a {border-bottom:dotted 1px #60696E;}


/* <-------------PORTFOLIO---------->*/
ul#galerie_mini {margin: 0 ; padding: 0 ; list-style-type: none ; width: 80%; text-align:center}
ul#galerie_mini li {float: left ;}
ul#galerie_mini li a img {margin: 2px 3px ; border: 2px solid #282828;}
ul#galerie_mini li a:hover img {margin: 2px 3px ; border: 2px solid #ff00a2;}

dl#photo { margin: 0; text-align:center; }
dl#photo dt {color: #282828 ; padding-top:20px; width:40%; margin-left: 50%}
dl#photo dd {margin: 0 ;}
dl#photo img {border: 2px solid #282828 ; margin-top: 3em}

#galerie-l { float:left; width:40%;}
#galerie-l h4 { clear:both; }


/*<----------------LIENS------------->*/
#links_list {}
.links li {list-style-image:url(images/fav.gif); width: 40%; border-bottom:dotted #666666 1px; line-height: 2em; text-indent: 0.5em;}
.links li a {display:block;}
.links li a:hover {background-color:#E4E4E4;}

#monthly_site {float:right; width: 45%; background-color:#e3f34b; margin: 3em 2% 2em 0; padding:0;}
.monthly_pic {margin: 1em 1em 1em 1em; }
.monthly_pic a {display:block; background-image:url(images/screenfluent.jpg); width: 98%; height: 14.7em; border:#C6C986 solid 3px;}
.monthly_pic a:hover {border:#C6C986 solid 3px;}
.monthly_resume {text-indent: 1em; margin-left: 1em;}
.monthly_title {padding:0 0 0.2em; text-align:left; font-size: 1.2em; word-spacing: 0.2em; color:#666666; border-bottom:#FFFFFF dotted 1px;margin-left: 3%;}

/*<-cadre->*/
.hautgauche_link, .hautdroit_link, .basgauche_link, .basdroit_link 
{height: 19px; width: 19px; background-repeat: no-repeat; font-size:1px; /* correction d'un bug IE */}
.hautgauche_link {background:url(images/hautgauche_link.png);}
.hautdroit_link {float: right; background:url(images/hautdroit_link.png);}
.basgauche_link {background:url(images/basgauche_link.png);}
.basdroit_link {float: right; background:url(images/basdroit_link.png);}


/*<----------------- CONTACT-------------->*/
form {background-color: #ffffff; padding: 10px; margin: 0;}

input {background-color:#FFFFFF; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; margin-left: 2em;
padding-left: 0.5em;}
input.bouton { margin-left: 12em; border:2px outset #4B007D; cursor:pointer;}
input.bouton:hover {background-color: #ff00a2; color: #ffffff;}
input.bouton:active { border: 2px inset #4B007D; background-color:#ff00a2; color: #000000;} 

textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; background-color: white; color: #000000; margin-left: 2em;
padding-left: 0.5em;}

.radio { border:0; margin: 0; padding: 0;}

fieldset {width: 15em; margin-left: 12em; border:none}

fieldset ul {list-style-type:none}
fieldset li {line-height:1.8em;}
legend {margin-left: 2em;}


p.left_column_form {clear: both; padding: 5px 10px 0px 5px; margin: 0;}
.label_form {float: left; position:relative; width: 10em; text-align: right; margin: 0; padding: 0;}


/* <-------------FOOTER ---------->*/
#footer {padding:0 .5em 10px .5em; margin: -7px 12% 0 12%; text-align:left; width: 76%;height:146px; position:relative; background:url(images/bg_footer.png) repeat-x; position:relative}
.footer_right {float:right; background: url(images/footer_right.png) no-repeat; width: 43px; height: 177px; margin-right:-0.5em}


/* <-------------MENTIONS----------->*/
#mentions {text-align:center; margin-bottom:1em}
#mentions img{border:0;}