/*************************************************
** Reset
*/
*
    {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-decoration: none;
    }

/*************************************************
** Balises generales
*/
html,
body
    {
        background: #f7f7f7;
        color: #53534a;
        font: 11px Tahoma, Helvetica, sans-serif;
        line-height: 15px;
        height: 100%;
        width: 100%;
    }

a
    {
        color: #71ac09;
        color: #b30f64;
        padding: 0 3px;
    }

a:hover
    {
        text-decoration: underline;


        text-decoration: none;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 0 3px;
        background: #b30f64;
        color: #fff;
    }

p
	{
		text-align: justify;
	}

hr
    {
    	height: 0;
    	border: 0;
    	background: none;
    	margin: 0;
    	padding: 0;
    	visibility: hidden;
        clear: both;
    }

span.email
	{
		background: url(images/mail.jpg) 2px 14px no-repeat;
		padding: 12px 70px;
	}

/*************************************************
** Balises de titre
*/
h1
    {
    	color: #bebdba;
        font-size: 18px;
        font-family: Georgia, "Times New Roman", serif;
        font-style: oblique;
        line-height: 30px;
        margin: 0 5px;
    }

h2, h3, h4, h5
    {
        color: #464036;
        font-family: Georgia, "Times New Roman", serif;
        font-weight: normal;
		clear: both;
    }

h2 span,
h3 span,
h4 span
	{
		background: #f7f7f7;
		padding: 0 5px;
	}

h2
    {
    	background: url(images/titre-ligne.gif) repeat-x;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        margin: 30px 0 5px;
    }

h3
    {
    	background: url(images/titre-ligne.gif) repeat-x;
        font-size: 19px;
        line-height: 30px;
        text-align: center;
        margin: 20px 0 5px;
    }

h4
    {
    	background: url(images/titre-ligne.gif) -5px -5px repeat-x;
        font-size: 15px;
        line-height: 20px;
        text-align: left;
        margin: 10px 0 5px;
    }

h5
    {
        color: #71AC09;
        font-size: 13px;
        text-align: left;
        margin: 10px 10px 5px;
    }

/*************************************************
** Organisation
*/
.enveloppe
    {
        width: 710px;
        margin: 0 auto;
    }

#entete
    {
    	background: #252018 url(images/fond-entete.jpg) center center no-repeat;
        height: 280px;
    }

#realisations
	{
    	background: #252018 url(images/fond-entete.jpg) center center no-repeat;
	}

#pied
    {
        clear: both;
        margin: 20px 0 0;
    	padding: 5px 10px;
    }

/*************************************************
** Entete
*/
#logo
    {
        background: url(images/logo.png) center center no-repeat;
        float: left;
        width: 140px;
        height: 100px;
        margin: 85px 0 0;
    }

#logo a,
#logo a:hover
    {
    	background: none;
    	display: block;
        width: 120px;
        height: 120px;
    }

#logo span
    {
        display: none;
    }

#entete #signate
    {
        border-left: 1px solid #302b24;
        padding: 10px 40px;
        margin: 80px 0 0;
        height: 75px;
        float: left;
    }

#entete #signate p
    {
    	font-size: 12px;
        color: #6b9207;
        padding: 0;
    }

#entete a:hover
    {
        text-decoration: none;
    }

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

#enveloppe
    {
    }

.description
    {
        margin: 0;
        padding: 0;
        text-align: center;
        color: #93908b;
    }

.description li
    {
        list-style-type: none;
        display: inline;
        border-left: 1px dotted #E2E2E2;
        margin: 0 10px 0 0;
        padding: 0 0 0 10px;
    }

.description li:first-child
    {
        border-left: 0;
    }

.description li.date
    {
        background: url(images/icones/date.jpg) 10px 2px no-repeat;
        padding-left: 26px;
    }


.description li.tags
    {
        background: url(images/icones/tags.jpg) 10px 2px no-repeat;
        padding-left: 26px;
    }


.description li.commentaires
    {
        background: url(images/icones/commentaires.jpg) 10px 3px no-repeat;
        padding-left: 29px;
    }


img
    {
        border: 4px solid #fff;
        margin: 20px 10px 10px;
    }

q,q
    {
        color: #71ac09;
        display: block;
        font: 18px Georgia, "Times New Roman", serif;
        font-style: italic;
        margin: 10px;
        text-align: center;
    }

code,
pre
	{
		display: block;
		background: url(images/code-fond.jpg) 0 -8px;
		border: 1px solid #e2e2e2;
		border-left: 5px solid #353529;
		line-height: 14px;
    	margin: 20px 10px 10px;
		padding: 5px;
		overflow: auto;
		max-height: 200px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	}

p
    {
    	margin: 10px;
    }

ul
    {
    	margin: 10px;
    }
li ul {margin: 2px 10px;}

ul li
    {
    	margin: 2px 10px;
    	list-style-type: square;
    	list-style-position: inside;
    }

ol
    {
    	margin: 10px;
    }
li ol {margin: 2px 10px;}

ol li
    {
    	margin: 2px 10px;
    	list-style-type: decimal;
    }

dl
    {
    	margin: 10px;
    }

dl dt
    {
        color: #71ac09;
        font: 15px Georgia, "Times New Roman", serif;
        line-height: 20px;
        font-style: italic;
    	margin: 2px 10px;
    }

dl dd
    {
    	margin: 2px 10px;
    }

.forceAlignerDroite *
	{
		text-align: right !important;
	}

/*************************************************
** Menu
*/
#menu
	{
        background: url(images/barre-entete.jpg) repeat-x;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        text-align: center;
	}

#menu dl
    {
    	float: left;
        margin: 7px 5px 5px 7px;
        cursor: pointer;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

#menu dl:hover
    {
        
        background: #d0f293;
    }

#menu dl.active
    {
        background: #fff;
    }

#menu hr
    {
    	border: 0;
    }

#menu dl dt
    {
        color: #365207;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 24px;
        padding: 0px 10px;
    	margin: 6px 0 2px;
    }

#menu dl dd
    {
        color: #4f6e19;
    	margin: 2px 10px;
    }

#menu dl a
    {
        color: #365207;
    }

#menu dl a:hover
    {
        color: #4f6e19;
        color: #365207;
        background: none;
    }

#menuaccueil
	{
		width: 131px;
	}

#menublog
	{
		width: 181px;
	}

#menucv
	{
		width: 183px;
	}

#menucontact
	{
		width: 183px;
	}

/*************************************************
** Colonnes
*/
.colonnes div
    {
	    width: 230px;
	    float: left;
	    margin: 0 0 0 10px;
    }

.colonnes div:first-child
    {
	    margin-left: 0;
    }

.troisparties div
	{
	    width: 230px;
	}

.troisparties div
	{
	    width: 230px;
	}

.deuxparties div:first-child
	{
	    width: 470px;
	}

.deuxpartiesbis div
	{
	    width: 350px;
	}

/*************************************************
** En savoir plus
*/
div.ensavoirplus
	{
	    background: #cef091;
	    background: #e7f5ce;
	    border: 1px solid #d8edb2;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
		width: 348px;
	}

.ensavoirplus h4
	{
	    margin: 9px 0 5px;
    	background: url(images/titre-ligne-alt.gif) -5px -5px repeat-x;
    }
    
.ensavoirplus h4 span
	{
    	background: #e7f5ce;
	}

.ensavoirplus hr
	{
	    border: 0;
	    margin: 0;
	}

.navigation
	{
		text-align: center;
	}

.notions
	{
		color: #aaa;
	}

/*************************************************
** formulaires
*/
form fieldset p
    {
    	width: 210px;
    	float: left;
    }

form p
    {
    	margin: 5px 10px;
    }

form .erreur
    {
    	border-color: #b30f64;
    }

form option
    {
    	margin: 0 20px;
    }

form p label
    {
        display: block;
        color: #999;
        color: #71AC09;
        font-family: Georgia, "Times New Roman", serif;
        font-style: italic;
        font-size: 12px;
        margin: 5px;
    }

form p label span.facultatif
    {
        padding: 0 0 0 10px;
        color: #bbb;
    }

form p input
    {
        border: 1px solid #E2E2E2;
        border: 3px solid #eee;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 4px;
        width: 100%;
        margin: 2px 0;
    }

form p textarea
    {
        border: 3px solid #eee;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        height: 143px;
        padding: 4px;
        width: 440px;
    }


/*************************************************
** Contact
*/
.antispam
	{
		background: #71AC09;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 4px;
        margin: 5px 0 10px;
        line-height: 18px;
        text-align: right;
	}

.antispam dt
	{
        font-family: Georgia, "Times New Roman", serif;
        font-size: 15px;
        color: #b8d684;
        float: left;
        margin: 6px;
	}

.antispam dd
	{
        margin: 2px 2px 2px 10px;
	}

.antispam input[type=submit]
	{
        background: url(images/barre-entete.jpg) 0 -20px repeat-x;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        color: #fff;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 15px;
        padding: 5px;
	}

.antispam input[type=submit]:hover
	{
        background: url(images/barre-entete.jpg) 0 0 repeat-x;
	}

.antispam .code
	{
        border: 1px solid #b8d684;
        background: #71ac09;
        color: #fff;
        margin: 0 15px 0 0;
        padding: 3px;
        height: 12px;
        font-size: 10px;
        position: relative;
        top: -1px;
	}

.antispam .erreur
	{
        border: 1px solid #b30f64 !important;
        background: #b30f64 !important;
	}
.antispam .ok
	{
        border: 1px solid #71AC09 !important;
        background: #71AC09 !important;
	}

.antispam hr
	{
        height: 0;
        border: 0;
        margin: 0;
        padding: 0;
	}

.antispam img
	{
        border: 0;
        margin: 0;
        position: relative;
        top: 5px;
	}

/*************************************************
** Twitter
*/
#twitter
	{
		clear: both;
		background: url(images/fond-twitter.jpg) no-repeat;
		height: 75px;
		margin: 40px 5px 10px;
		position: relative;
		width: 720px;
	}

#twitter q
	{
		position: absolute;
		top: 8px;
		left: 97px;
		display: block;
		width: 535px;
		text-align: left;
		font-size: 16px;
	}

#twitter ul
	{
		position: absolute;
		top: 0px;
		right: 0px;
		display: block;
		height: 55px;
		width: 60px;
	}

#twitter ul li
	{
		display: block;
		height: 19px;
		margin: 0;
	}


/*************************************************
** Realisations
*/
#realisations
	{
        background: #71ac09 url(images/fond-realisations.jpg) top center no-repeat;
        border-top: 1px solid #9fd53f;
        height: 400px;
        position: relative;
	}

#realisations h2
	{
		background: none;
        height: 66px;
        line-height: 66px;
        margin: 0;
        padding: 0;
	}

#realisations h2 span
	{
		background: none;
	}

div#realisations dl
	{
		width: 110px;
		background: #fff;
		margin: 0 0 10px 7px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-bottom: 1px solid #eee;
        float: left;
		cursor: pointer;
	}

#realisations dl dt
	{
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
		margin: 5px;
		font-size: 13px;
		text-align: center;
        color: #b30f64;
	}

div#realisations dl:hover dt
	{
        background: #b30f64;
		color: #fff;
	}

#realisations dl dd
	{
		margin: 0 5px;
	}

#realisations dl img
	{
		margin: 0;
		border: 0;
	}

#realisations dl .type_realisation
	{
		color: #aaa;
	}

#realisations #realisationPrecedente
	{
		position: absolute;
		top: 200px;
		right: 50%;
		margin: 0 315px 0 0;
        font-family: Georgia, "Times New Roman", serif;
		font-style: oblique;
		outline: none;
	}

#realisations #realisationSuivante
	{
		position: absolute;
		top: 200px;
		left: 50%;
		margin: 0 0 0 315px;
        font-family: Georgia, "Times New Roman", serif;
		font-style: oblique;
		outline: none;
	}

#formations h3,
#experiences h3
	{
		background: none;
	}

a#cvpdf
	{
		background-image: url(images/download.gif);
		background-position: 3px 3px;
		background-repeat: no-repeat;
		position: relative;
		padding: 0 6px 0 18px;
		top: 40px;
	}
a:hover#cvpdf
	{
		background-position: 3px -26px;
	}

/*************************************************
** Popup
*/
#conteneurRealisations
	{
		padding: 0;
		overflow: hidden;
		height: 300px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        width: 620px;
        margin: 0 auto;
	}

#defilementRealisations
	{
		position: relative;
		width: 6000px;
		left: 0;
	}

.realisation
	{
		padding: 0;
		overflow: hidden;
		height: 300px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        width: 620px;
        float: left;
		color: #597f17;
	}

.realisation h3,
.realisation h4,
.realisation span
	{
		text-align: left;
		background: none;
        color: #385604;
	}

.realisation h3
	{
		margin: 10px 0;
	}

.realisation .real_galerie
	{
		margin: 0;
		float: left;
	}

.realisation .real_galerie img
	{
		margin: 0 !important;
		border: 0 !important;
	}

.realisation .real_desc
	{
		margin: 0 10px 10px;
		float: left;
		width: 300px;
	}