/* LEO WEB CREATION CSS - 24/11/2007

vert : #a4db26;
orange : #ff9f28;

*/

* {margin:0px; padding:0px}

body { font-family:"Lucida Grande", Arial, Helvetica, Georgia, sans-serif; font-size:62%; color:#000; text-align:center; background:url(../images/bg/background.gif) repeat; background-attachment: fixed;}

.breaker {clear:both; overflow:hidden; height:0px}
acronym {border-bottom:1px dotted #000; cursor: help}

a {text-decoration:none; color:#000}
a:hover {text-decoration:underline}
img {border:none}

/* Hack FF bordure pointille */
a {outline: none;}
:focus{-moz-outline-style: none;}

#wrapper {background:url(../images/bg/background-2.gif) repeat-x; background-attachment: fixed;}

#global {width:698px; margin:0px auto 10px auto; padding-top:10px; text-align:left}
#global .mainTop {width:698px; height:21px; background:url(../images/mainTop.png) no-repeat; overflow:hidden}
* html #global .mainTop {width:698px; height:21px; background:url(../images/IE6/mainTop.gif) no-repeat; } /* IE 6*/
/* html #global .mainTop {background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/mainTop.png'); background-repeat: no-repeat;}*/	/* IE 6*/

#global .headerMiddle {width:698px; background:url(../images/mainMiddle.png) repeat-y; overflow:hidden}
* html #global .headerMiddle {width:698px; background:url(../images/IE6/mainMiddle.gif) repeat-y; } /* IE 6*/
/* html #global .headerMiddle {background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/mainMiddle.png'); background-repeat: repeat-y}*/	/* IE 6*/

#global .middleTop {clear:both; width:698px; height:15px; background:url(../images/mainMiddleTop.png) no-repeat; overflow:hidden}
* html #global .middleTop {clear:both; width:698px; height:15px; background:url(../images/IE6/mainMiddleTop.gif) no-repeat; } /* IE 6*/
/* html #global .middleTop {background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/mainMiddleTop.png'); background-repeat: no-repeat;}*/	/* IE 6*/

#global .middleMiddle {width:698px; background:url(../images/mainMiddleMiddle.png) repeat-y; }
* html #global .middleMiddle {width:698px; background:url(../images/IE6/mainMiddleMiddle.gif) repeat-y; }	/* IE 6*/
/* html #global .middleMiddle {background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/mainMiddleMiddle.png'); background-repeat: repeat-y}*/	/* IE 6*/

#global .mainBottom {width:698px; height:24px; background:url(../images/mainMiddleBottom.png) no-repeat; overflow:hidden}
* html #global .mainBottom {background:url(../images/IE6/mainMiddleBottom.gif) no-repeat; }	/* IE 6*/
/* html #global .mainBottom {background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/mainMiddleBottom.png'); background-repeat: no-repeat;}*/	/* IE 6*/


/* -- HEADER -- */
#header {height:130px;}
#header .content {position:absolute; margin:-10px 0 0 9px; width:680px; height:134px; background:url(../images/web.leo.creation_bandeau.png) no-repeat; overflow:hidden}
* html #header .content {background:url(../images/web.leo.creation_bandeau.gif) no-repeat;}	/* IE 6*/

#header .content h1 {text-indent:-999em; font-size:1.0em}
#header .logoFake {float:left;}
#header .logoFake a {display:block; margin:20px 0 0 5px; width:340px; height:88px; background:transparent}


/* -- CONTENT -- */
#mainContent {padding:0px 0 0 30px}
#mainContent .cartouche{}

#mainContent .enteteLast, #mainContent .enteteStd {height:16px; overflow:hidden;}	/* sinon espace sous IE */
#mainContent .enteteLast {padding:10px 0 0 0}
#mainContent .enteteStd {padding:18px 0 0 0}

#mainContent h2 {text-indent:-500em;}

#mainContent .enteteLast h2.picto {float:left; width:131px; height:16px; background:url(../images/projets_recents.gif) no-repeat;}
#mainContent .enteteLast .filet {float:left; margin-left:10px; width:507px; height:13px; background:url(../images/filet_orange.gif) no-repeat;  background-position:bottom right; }

#mainContent .enteteStd h2.picto {float:left; width:137px; height:16px; background:url(../images/projets_ligne.gif) no-repeat;}
#mainContent .enteteStd .filet {float:left; margin-left:5px; width:503px; height:13px; background:url(../images/filet_vert.gif) no-repeat;  background-position:bottom right; }

#mainContent .enteteContact {padding:10px 0 0 0}
#mainContent .enteteContact h2.picto {float:left; width:71px; height:16px; background:url(../images/contact.gif) no-repeat;}
#mainContent .enteteContact .filet {float:left; margin-left:10px; width:569px; height:13px; background:url(../images/filet_orange_wide.gif) no-repeat;  background-position:bottom right; }

#mainContent .lastProject {padding:0px 0 0px 8px}
#mainContent .lastProject h2.picto {float:left; width:216px; height:17px; background:url(../images/last_project.gif) no-repeat;}

#mainContent .welcome {padding:0px 0 10px 0px}
#mainContent .welcome h2.picto {width:92px; height:17px; background:url(../images/welcome.gif) no-repeat;}

#mainContent .enteteSep {height:0px; overflow:hidden;}

#mainContent .contentBox {clear:both; padding:10px 0 10px 10px}
#mainContent .contentBox p.welcomeText {font-size:1.2em; width:620px; margin:0 0 5px 0; }
#mainContent .contentBox p.welcomeText a {text-decoration:none; color:#000; border-bottom:1px dotted #000;}
#mainContent .contentBox p.welcomeText a:hover {text-decoration:none; color:#cc7700; border-bottom:1px dotted #FFF;}
#mainContent .contentBox p.rightAlign {font-size:1.2em; text-align:right; margin:5px 50px 0 0;}
#mainContent .contentBox ul.welcomeList {margin:0 0 10px 20px;}
#mainContent .contentBox ul.welcomeList li {list-style-type:none; font-size:1.2em; line-height:1.3em; margin:0 0 0 0px; background:url(../images/puce-sup-orange2.gif) no-repeat; background-position:0px 3px; padding-left:12px; }

#mainContent .contentBox .infosPart {float:left; width:390px; padding:0 5px 0 0; /*background:yellow*/}
#mainContent .contentBox .infosPart h3 {padding:0 0 5px 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:2.0em; font-weight:normal; text-transform:capitalize}
#mainContent .contentBox .infosPart h3 a {color:#000; border-bottom:1px dashed #FFF;}
#mainContent .contentBox .infosPart h3 a:hover {text-decoration:none; color:#ff9f28; border-bottom:1px dashed #ff9f28; }
#mainContent .contentBox .infosPart p.infosTitle {font-size:1.1em; padding:6px 0 4px 3px; }
#mainContent .contentBox .infosPart p.infosContent {font-size:1.0em; padding:0px 5px 0px 6px; /*color:#6c696e*/}
#mainContent .contentBox .infosPart p.infosContentTechno {width:280px; font-size:1.0em; padding:0px 5px 1px 6px; }
#mainContent .contentBox .infosPart h4 {float:right; margin-top:-15px; font-size:1.1em; font-weight:normal;}
#mainContent .contentBox .infosPart h4 a {display:block;  line-height:18px; padding:0 10px 0 25px; color:#ff9f28; background:url(../images/flash.gif) no-repeat;  background-position:center left;}
#mainContent .contentBox .infosPart h4 a:hover {text-decoration:none; color:#a4db26}

#mainContent .contentBox .picturePart {float:left; margin:18px 0 0px 0;  }
#mainContent .contentBox .picturePart a {display:block; border:1px solid #d9d9d9 }
#mainContent .contentBox .picturePart a:visited {border:1px solid #d9d9d9 }
#mainContent .contentBox .picturePart a:hover {border:1px solid #666 }
#mainContent .contentBox .picturePart a:active {border:1px solid #a4db26 }

#mainContent .linkBox {width:100%; text-align:center; padding:20px 0 5px 0}
#mainContent a.linkTop {color:#a4db26; border-bottom:1px dashed #fff}
#mainContent a:hover.linkTop {text-decoration:none; color:#ff9f28; border-bottom:1px dashed #ff9f28}

/* -- FOOTER -- */
#footer {text-align:right; padding:5px 12px 0px 0; height:16px; overflow:hidden;}
#footer ul {}
#footer li {display:inline; list-style-type:none; text-transform:uppercase; font-family:"Trebuchet MS"; font-size:1.0em; color:#a4db26}
#footer li a {color:#a4db26; text-decoration:none; padding:0px 2px 0px 2px;}
#footer li a:visited {color:#a4db26}
#footer li a:hover, #footer li a:active {color:#ff9f28; text-decoration:underline}
#footer li.ON a {color:#ff9f28; text-decoration:underline;  }	/* Soulignement du lien actif */

/*- Action Barre */
.actionBar2  {/*position:absolute;*/ margin:0px 0 0px 530px; padding:5px 0 5px 0}
.actionBar2 a {text-decoration:none; color:#aeaeb2; }
.actionBar2 a:hover {text-decoration:underline; color:#ff9f28; }

.actionBar2 a.actionPDF {background:url(../images/PDF_icon.gif) no-repeat; padding:0 0 2px 23px; margin-right:15px}
.actionBar2 a.actionPrint {background: url(../images/printIconOrange.gif) no-repeat; padding:0 0 2px 23px;}

/* -- CV -- */
/* charte 09/2008 : 
vert 1 : #99cc00
vert 2 : #628000
orange : #cc7700
gris : #4d4d4d
*/
#CV {padding:0px 10px 0 17px; text-align:left;}
* html #CV {padding:0px 0px 0 17px; width:663px; overflow:hidden} /* IE6 */
#CV .contentBloc {width:680px; padding:0px 0 0px 0; background:url(../images/modMiddle.gif) repeat-y; background-position:top left; overflow:hidden}
#CV p {font-size:1.2em}
#CV p.white {color:#FFF}
#CV strong {}
#CV span.petit {font-size:0.9em}

#CV .contactBloc {float:left; width:150px; /*padding:8px 5px 8px 8px;*/ /*background:#4475ce*/}
#CV .contactBloc .modTop {width:150px; height:10px; background:url(../images/modTop.gif) no-repeat; overflow:hidden}
#CV .contactBloc .modMiddle {background:#99cc00; padding:0px 0px 0px 8px;}
#CV .contactBloc .modBottom {width:150px; height:10px; background:url(../images/modBottom.gif) no-repeat;}
#CV .contactBloc a {color:#FFF}
#CV .contactBloc a:hover {text-decoration:none; color:#FFF; border-bottom:1px dotted #fff;}

#CV .blocTop {width:150px; height:10px; background:url(../images/modTop.gif) no-repeat; overflow:hidden}
#CV .blocBottom {width:150px; height:10px; background:url(../images/modBottom.gif) no-repeat;}

#CV h1 {float:left; padding:10px 0 0 20px; font-size:3.0em; /*color:#4475ce;*/ color:#628000; font-weight:normal; font-family:Tahoma, Arial, Helvetica, sans-serif}
#CV h1 span.small {font-size:0.7em}
#CV h1 span.link {display:block; font-size:0.4em;; color:#99cc00; padding:5px 0 0 3px; visibility:hidden;}
#CV a.homeLink {width:180px; display:block; margin:-14px 0 0 172px; font-size:1.1em; font-weight:bold; color:#ff9f28; /*background:red*/}
#CV a:hover.homeLink {}
#CV h2 {clear:both; padding:12px 0 8px 10px; font-size:1.8em; /*color:#4475ce;*/ color:#628000; font-weight:normal; font-family:Tahoma, Arial, Helvetica, sans-serif}
#CV h2 span {font-size:0.8em;}
#CV h2 a {font-size:0.8em; color:#628000; text-decoration:underline;}
#CV h2 a:hover {text-decoration:none; color:#cc7700;}
#CV h2 .rightAlign {color:#cc7700;}
#CV ul.wide {padding:0px 0 0 30px; }
#CV ul.wide li {list-style-type:none; font-size:1.2em; background:url(../images/checkIconOrange2.gif) no-repeat; background-position:0px 2px; line-height:14px; padding-left:21px; margin:2px 0 7px 0; /*color:#4d4d4d*/}
#CV ul.wide li.last {/*margin:2px 0 0px 0;*/ }
#CV p.lineInfo {clear:both; overflow:hidden}
#CV p.lineInfo span.date {display:block; float:left; width:145px; text-align:right; padding:2px 5px 0px 0px; /*background:#4475ce;*/ background:#99cc00; color:#FFF; font-size:1.0em}
#CV p.lineInfo span.info {display:block; float:left; width:500px; padding:2px 0px 1px 10px;}
#CV ul.inner { padding:5px 0 5px 175px}
#CV ul.inner li {list-style-type:none; font-size:1.1em; line-height:1.3em; margin:0 0 0 0px; background:url(../images/puce-sup-orange2.gif) no-repeat; background-position:0px 3px; padding-left:12px; }

#CV a.extLink {text-decoration:none; color:#000; border-bottom:1px dotted #000;}
#CV a:hover.extLink {text-decoration:none; color:#cc7700; border-bottom:1px dotted #FFF;}

#CV a.extLinkStd {text-decoration:underline; color:#000; }
#CV a:hover.extLinkStd {text-decoration:none; color:#cc7700; }

/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/

#competencesBox {margin:6px 0 0 40px; overflow:hidden}
#competencesBox ul {margin:5px 0 5px 0px}
#competencesBox ul ul {margin:5px 0 10px 30px}
#competencesBox ul ul ul {margin:5px 0 5px 20px}
#competencesBox ul li {list-style:none; font-size:1.2em; font-weight:bold; }
#competencesBox ul li.mainTitle {background:url(../images/checkIconOrange2.gif) no-repeat; background-position:0px 2px; line-height:14px; padding-left:21px; }
#competencesBox ul ul li {font-size:1.0em; font-weight:normal; /*background:none;*/ padding:0px; width:550px;}
#competencesBox ul ul ul li {font-size:1.0em; font-weight:normal; padding:0px; line-height:1.3em; margin:0 0 0 0px; width:530px;}
#competencesBox span.puce {background:url(../images/puce-sup-orange2.gif) no-repeat; background-position:0px 3px; padding:0px 6px;}
#competencesBox span.smaller {}
#competencesBox li.level_1 {background:url(../images/star-matrix.gif) no-repeat; background-position:100% -96px;}
#competencesBox li.level_2 {background:url(../images/star-matrix.gif) no-repeat; background-position:100% -112px;}
#competencesBox li.level_3 {background:url(../images/star-matrix.gif) no-repeat; background-position:100% -128px;}
#competencesBox li.level_4 {background:url(../images/star-matrix.gif) no-repeat; background-position:100% -144px;}
#competencesBox li.level_5 {background:url(../images/star-matrix.gif) no-repeat; background-position:100% -160px;}


/* -- CONTACT -- */
#contactBox {padding:15px 0 0 120px;}

#contactBox h2 {color:#000; font-size:2.0em; margin:-3px 0 15px 0; font-weight:normal}
#contactBox p {width:480px; color:#000; font-size:11px; margin-bottom:12px}
#contactBox .champ {margin:2px 0; line-height:16px; width:490px; }
#contactBox .champ .intitule {float:left; width:195px; height:16px; color:#000; font-size:1.2em; padding-left:5px;}
#contactBox .champ label {float:left; width:195px; height:16px; color:#000; font-size:1.2em; padding-left:3px;}
#contactBox .champ span {color:#ccc; font-size:1.0em; padding-left:5px; line-height:12px;}
#contactBox .champ input {float:left; width:280px; height:15px;  background:#fff; color:#000; font-size:1.1em; padding-left:2px}
#contactBox .champ .textBlured {border:1px solid #ccc;}
#contactBox .champ .textFocused {border:1px solid #ff9f28;}
#contactBox .champ select {float:left; width:234px; height:17px; border:1px solid #ccc; background:#fff; color:#000; font-size:1.1em; padding-left:2px}
#contactBox .champ input.text-restant {float:right; width:30px; height:15px; border:1px solid #ccc; background:#fff; color:#ccc; font-size:1.1em; padding-left:3px; margin-right:8px}
#contactBox .champ textarea {width:480px; height:200px; background:#fff; color:#000; font-size:1.2em; margin:5px 0px}
#contactBox .champ .zone-radio {float:left; width:50px; height:16px; margin-top:5px; }
#contactBox .champ .zone-radio input.btn-radio {background:#f2ecef; border:0px; width:10px; margin:0 5px}

#contactBox .champ #log_res {float:left; width:482px; /*height:15px;*/ margin:5px 0 3px 0; }
#contactBox .champ #log_res .error {padding:5px; text-transform:uppercase; font-weight:bold; font-size:1.1em; color: #CC3333; border:1px solid #CC3333; background:#FFF }
#contactBox .champ #log_res .resultat {padding:5px; text-transform:uppercase; font-weight:bold; border:1px solid #a4db26; background:#FFF; font-size:1.1em; color:#a4db26}
#contactBox .champ #log_res .ajax-loading {padding:20px 0; background: url(../images/spinner.gif) no-repeat center; }

#contactBox .champ .zone-chkbox {float:left; width:230px; padding:10px 0 5px 20px; }
#contactBox .champ .zone-chkbox label {float:left; clear:both; width:100px;}
#contactBox .champ .zone-chkbox input.chbox {background:#f2ecef; border:0px; width:11px; margin:0 5px;}
#contactBox .champ .zone-chkbox input.chbox-input {width:229px; height:15px; border:1px solid #868683; background:#fff; color:#000; font-size:1.1em; margin-top:2px}
#contactBox .champ-submit { padding:0 0px 0px 0; width:482px; }
#contactBox .champ-submit .bouton-envoi {float:right; margin:-5px 0px 0 0; display:block; background:url(../images/envoyerBtn.gif) no-repeat; background-position:0% 0%; height:27px; width:98px; cursor:pointer; border:none; text-indent:-500em;}
* html #contactBox .champ-submit .bouton-envoi {margin:0px 0px 0 0; }	/* IE 6 */
#contactBox .champ-submit .bouton-envoi:hover {background:url(../images/envoyerBtn.gif) no-repeat; background-position:0% 100%; }

/*#contactBox .champ-submit .bouton-envoi {background-color:#a4db26; font-family:Arial, Helvetica, sans-serif; border:1px solid #fff; color:#FFF; font-size:1.0em; text-transform:uppercase; font-weight:bold; padding:0px 5px 2px 5px; height:18px; width:80px; cursor:pointer}
#contactBox .champ-submit .bouton-envoi:hover {background-color:#ff9f28; color:#FFF;}*/

/* reorder List */
#resultat {position:absolute; top:50px; left:50px; font-size:1.1em; font-weight:bold;}
#resultat .inputBox {width:200px; height:16px; margin-right:10px}
#resultat .submitBtn {background-color:#a4db26; font-family:Arial, Helvetica, sans-serif; border:1px solid #fff; color:#FFF; font-size:1.0em; text-transform:uppercase; font-weight:bold; padding:0px 5px 2px 5px; height:18px; width:100px; cursor:pointer}
#resultat .submitBtn:hover {background-color:#ff9f28; color:#FFF;}
#statusBox {margin:10px 0 0 0; padding:5px 0; font-style:italic; font-weight:bold; background:#a4db26; color:#FFF}

ul#item_list {width:220px; margin:10px auto}
ul#item_list li {list-style:none; margin:2px 0; padding:5px; border:1px solid #a4db26; background:#FFF; font-size:1.1em; font-weight:bold; cursor:move}
ul#item_list li img {width:100px; display:block; margin:0px auto}

#alternateContent {text-align:left; padding:0 20px 0 0; }
#alternateContent h1, #alternateContent h1 a {color: #EE087C; font-size:15px; margin:10px 0 5px 0; }
#alternateContent h2, #alternateContent h2 a {color: #EE087C; font-size:13px; text-indent:0em; margin:5px 0 0 0;}
#alternateContent h3, #alternateContent h3 a {color: #000; font-size:12px;}
#alternateContent h3 a:hover {color: #EE087C;}
#alternateContent ul.galeryList {}
#alternateContent ul.galeryList li{clear:both; padding-top:7px; list-style:none;}
#alternateContent ul.galeryList li a {}
#alternateContent ul.galeryList li a:hover {}
#alternateContent ul.galeryList li img {width:100px; float:left; margin:5px 5px 0 0; border:1px solid #DDD;}
#alternateContent ul.galeryList li img:hover {border:1px solid #EE087C;}
#alternateContent p {margin:5px 0px 0 0; text-align:justify;}

/* PHPmV2 */
#phpmv2 {display:none}