/* CSS DOCUMENT */

body 
{margin:0; padding:0; background:#1C1C1C; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%; width: 100%;}

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

h4 {color:#ff00a2;  font-size: 1em;}


/*<------------ MENU ACCESSIBILITE--------------> */
#accessibilite {display:none}

/* <------------CENTER COLUMN--------------> */
#centerColumn {padding:0 .5em 10px .5em;  background:#FFFFFF; }

/* <-----------------HEADER ------------------>*/
#header {display: none}

/*<------------------SWITCHER------------------>*/
#cadre {display: none}

/*<--------------- NAVIGATION -----------------> */
#navcontainer {display: none}

/*<------------CURRICULUM---------------->*/
table {width: 96%; padding-top: 30px; margin:-3em 0 0 0; line-height: 1.3em;}

td, tr {text-align:left; text-decoration:none; vertical-align:baseline; font-size: 1em; line-height: 1.2em;}
td h4 {margin-left: -10px; border-bottom: 1px solid #ff00a2 }

.td1 {width: 10%;}
.td2 {width:85%;}

#CV_download {display:none}


/* <-------------PORTFOLIO---------->*/
div#galerie{width: 40% ; font-size: 0.9em; padding-bottom:10px; margin-left: 3%; margin-right:3%;}
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: 5px solid #282828;}

dl#photo { margin: 0; text-align:center; height:560px}
dl#photo dt {color: #282828 ; padding-bottom:20px}
dl#photo dd {margin: 0 ;}
dl#photo img {border: 5px solid #282828 ;}

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


/*<----------------LIENS------------->*/
#links_list {position:relative;}
.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: 50%; background-color:#e3f34b; margin: 3em 0 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_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%;}

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

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: 1em}

.titre {color:#ff00a2; background:url(images/fleche.png) no-repeat left; text-indent: 1em; font-size: 1em; padding-left:2em; margin-left: 1em; }
p.left_column_form { clear: both; padding: 5px 10px 0px 5px; margin: 0;}
.label_form {float: left; width: 10em; text-align: right; margin: 0; padding: 0;}

/* <-------------FOOTER ----------->*/
#footer {display: none}
#mentions {display:none}