/* Stylesheet Content */ 

/*************************************************************
Default
*************************************************************/

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #65708C;
}

img, p, h1, h3 {
 margin: 0;
 padding: 0;
 border: 0;
}

/*************************************************************
Menu
*************************************************************/

#menu {
 color: #65708C;
 font-size: 14px;
}

#menu :first-letter {
 font-size: 120%;
 color: #3D465E;
 }

#menu ul {
 margin: 0;
 padding:20px 0 35px 0;
 list-style:none;
}

#menu li {
 border-bottom: 1.4px solid #65708C;
 width:145px;
 float:left;
 display: block;
 margin:0;
 padding:0;
 }

#menu li:hover {
 border-bottom: 2px solid #65708C;
 }

#menu li.visited {
 border-bottom: 2px solid #65708C;
 }
 
#menu li.puce {
 background-image: url("../img/puce.png");
 background-repeat: no-repeat;
 background-position: left;
 padding-left:29px;
}

#menu li.marge {
 margin:0 2em 0 0;
}

#menu li a {
 text-decoration:none;
 cursor: pointer;
 color: #65708C;
}

#menu li a:hover {
 text-decoration:none;
 cursor: pointer;
 color: #3D465E;
}

/*************************************************************
Contenu
*************************************************************/

#content {
 margin: 0;
 padding: 25px 30px 20px 30px;
}

#content h1 {
 color: #65708C;
 font-size: 1.5em;
 text-transform:uppercase;
 font-weight:normal;
 margin-bottom:1em;
 background-image: url("../img/puce.png");
 background-repeat: no-repeat;
 background-position: left;
 padding-left: 29px;
 border-bottom: 1px dotted #65708C;
}

#content h3 {
 color: #FFBF00;
}

#content p {
 color: #65708C;
 padding: 0 0 1em 0;
 width: 550px;
 text-align:justify;
}

#content ul {
list-style-type: circle;
margin: 0.4em 0 0.4em 0.4em;
}

#content li {
margin-bottom: 0.2em;
}

/*************************************************************
Download CV
*************************************************************/

#content .download_cv {
 color: #65708C;
 font-size: 0.5em;
 padding-top: 3px;
 margin: 0;
 text-decoration:none;
 text-transform: none;
 float:right;
}

#content .download_cv:hover {
 color: #FFBF00;
 text-decoration: underline;
}

/*
#content p.center {
text-align: center;
color: #65708C;
width: auto;
}


#content .guillemet{
 color: #CCCCCC;
 font-size: 2em;
 font-family:"Times New Roman", Times, serif;
 margin:0;
 padding:0;
 }


#content .guillemet_g{
 color: #CCCCCC;
 font-size: 12em;
 font-family:"Times New Roman", Times, serif;
 margin: -45px 0 0 -65px;
 padding:0;
 float:left;
 }

#content .guillemet_d{
 color: #CCCCCC;
 font-size: 12em;
 font-family:"Times New Roman", Times, serif;
 margin: -60px 110px -100px 0 ;
 padding:0;
 float: right;
 }
*/

/*************************************************************
portfolio
*************************************************************/

#content .portfolio {
 padding: 2em 3.4em 2em 0.4em;
 margin-bottom: 1.5em;
}

#content .portfolio:hover {
 background-color: #edeef1;
 -moz-border-radius:10px;
}

#content .portfolio .legend, #content .portfolio p, #content .portfolio h3 {
 margin-bottom: 1em;
 float:right;
 width:310px;
}

/*************************************************************
Formulaire
*************************************************************/
 
#content label {
 display: inline;
 float: left;
 width: 70px;
 text-align:right;
 }

#content label.message {
 display: inline;
 float: left;
 width: 195px;
 }

#content .right {
 float: right;
 width: 380px;
 }
 
#content .left {
 float: none;
 width: auto;
 }

#content input, #content textarea {
 font-size: 12px;
 Margin: 0 0 6px 6px;
 color: #65708C;
 }

#content .align_right {
 text-align:right;
 width:550px;
 margin-top: 1em;
 }

.error {
 color: #ff0000;
}

/*************************************************************
Message d'information
*************************************************************/

#content .message_info, #content .message_erreur {
 display: block;
 -moz-border-radius:10px;
 border: 1.1px solid #65708C;
 width:350px;
 min-height:2.5em;
 height: auto;
 padding: 1em 1em 1em 4.5em;
 margin: 0 auto 1.5em auto;
 background-color: #ffffff;
 background-repeat: no-repeat;
 background-position: 1em 1em;
 }

#content .message_info ul, #content .message_info li, #content .message_erreur ul, #content .message_erreur li {
 list-style:none;
 padding:0;
 margin:0;
 }

#content .message_info {
 background-image: url('../img/message_info.png');
 color: green;
}

#content .message_erreur {
 background-image: url('../img/message_erreur.png');
 color: red;
}

#content .message_info .message_center, #content .message_erreur .message_center {
 text-align: center;
 margin: 1em 4.5em 0 0;
}

#content .message_info a, #content .message_erreur a {
 color: #65708C;
 text-decoration: none;
}

#content .message_info a:hover, #content .message_erreur a:hover {
 color: #65708C;
 text-decoration: underline;
}

/*************************************************************
Copyright
*************************************************************/

#copyright p {
 padding: 2px 0 2px 0;
 margin: 0 auto;
 color: #65708C;
 font-size: 10px;
 text-align: center;
 }
 
#copyright p a {
 text-decoration:none;
 cursor: pointer;
 color: #65708C;
 }
 
#copyright p a:hover {
 text-decoration:underline;
 cursor: pointer;
 color: #757575;
 /*color: #FFBF00;*/
 }