CVimg{
	width:100%;
	height:842px;
	top:0px;
}	



.content {
padding : 10px 30px;
z-index : 29;
}
#contactFormContainer {
font-family : Verdana;
font-size : 14pt;
color : #004571;
position : absolute;
right : 10px;
top : 0;
z-index : 100000000;
text-align : center;
}
#contactForm {
height : 320px;
width : 250px;
background-color : #000001;
display : none;
}
#contactForm fieldset {
padding : 30px;
border : none;
}
#contactForm label {
display : block;
text-align : left;
color : #004571;
}
#contactForm input[type="text"] {
display : block;
border : 0 solid #00398f;
background-color : #111112;
color : white;
font-size : 10pt;
font-family : Verdana;
width : 100%;
margin-bottom : 10px;
height : 24px;
}
#contactForm textarea {
display : block;
border : 0 solid #00398f;
background-color : #111112;
color : white;
font-size : 10pt;
font-family : Verdana;
width : 100%;
margin-bottom : 10px;
}
#contactForm input[type="submit"] {
background-color : black;
border : 1px solid #004571;
color : #004571;
color : white;
font-size : 14pt;
font-family : Verdana;
padding : 5px;
cursor : pointer;
margin-left :40px;
}
#contactForm input[type="submit"]:hover {
background-color : #004571;
}
#contactLink {
color : white;
height : 30px;
width : 250px;
background-color : #000001;
opacity : 0.7;
border-top : 1px solid #00398f;
display : block;
cursor : pointer;
text-align : center;
}
#contactLink:hover {
opacity : 1.0;
}
#messageSent {
color : #004571;
font-size : 10pt;
display : none;
}

.boxgrid {
width : 160px;
height : 120px;
margin : 6px;
float : left;
background : #161613;
border : 2px solid #8399af;
overflow : hidden;
position : relative;
}
.boxgrid img {
position : absolute;
top : 0;
left : 0;
border : 0;
width : 160px;
height : 120px;
}
.boxgrid p {
padding : 0 10px;
color : white;
font : 10pt "Verdana", Arial, sans-serif;
}
.boxgrid h3 {
padding : 0;
color : #005782;
font : 12pt "Verdana", Arial, sans-serif;
}
		
.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 65px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.caption .boxcaption {
bottom : -35px;
left : 0;
}







.panel-wrapper p {
text-align : center;
}
#texte-accueil p {
text-align : justify;
}
#logo {
width : 450px;
float : left;
}
#diapo {
list-style : none;
height : 200px;
width : 300px;
float : right;
}
#col1 {
padding-top : 20px;
width : 230px;
height : 290px;
float : left;
}
#col2 {
padding-top : 20px;
width : 270px;
height : 240px;
float : left;
}
#col2 p {
font-size : 8pt;
color : #555555;
text-align : center;
}
#col2 a {
font-size : 8pt;
color : white;
text-align : center;
}
#col2 a:hover {
font-size : 8pt;
color : #005782;
text-align : center;
}
#col3 {
padding-top : 20px;
width : 210px;
height : 240px;
float : left;
margin-left : 20px;
}
#btncv {
width : 200px;
height : 50px;
background-image : url(../imgs/LogoCV2.png);
text-indent : -10000px;
display : block;
}
#btncv:hover {
width : 200px;
height : 50px;
background-image : url(../imgs/LogoCV1.png);
text-indent : -10000px;
display : block;
}
#btnxhtml {
width : 200px;
height : 50px;
background-image : url(../imgs/LogoxHTML1.png);
text-indent : -10000px;
display : block;;
}
#btnxhtml:hover {
width : 200px;
height : 50px;
background-image : url(../imgs/LogoxHTML2.png);
text-indent : -10000px;
display : block;
}
#btncss {
width : 200px;
height : 50px;
background-image : url(../imgs/LogoCSS2.png);
text-indent : -10000px;
display : block;
}
#btncss:hover {
width : 200px;
height : 50px;
background-image : url(../imgs/LogoCSS1.png);
text-indent : -10000px;
display : block;
}
#btnfb {
width : 200px;
height : 50px;
background-image : url(../imgs/logoTW1.png);
text-indent : -10000px;
display : block;
}
#btnfb:hover {
width : 200px;
height : 50px;
background-image : url(../imgs/logoTW2.png);
text-indent : -10000px;
display : block;

}
#btntw {
width : 200px;
height : 50px;
background-image : url(../imgs/LogoTW2.png);
text-indent : -10000px;
display : block;
}
#btntw:hover {
width : 200px;
height : 50px;
background-image : url(../imgs/LogoTW1.png);
text-indent : -10000px;
display : block;
}
.retrait {
padding-left : 50px;
font-size : 10pt;
font-family : Verdana;
}
#en-tete {
width : 770px;
margin-right : auto;
margin-left : auto;
margin-top : 40px;
margin-bottom : 0;
height : 150px;
text-align : center;
padding : 0;
}
#bas-de-page {
width : 750px;
padding : 10px;
margin-right : auto;
margin-left : auto;
height : 160px;
margin-bottom : 20px;
margin-top : -40px;
background-color : #000;
text-align : center;
}
#CV_haut {
position : relative;
background-color : black;
margin-top : -23px;
margin-left : -20px;
width : 730px;
height : 120px;
color : white;
padding : 10px;
padding-top : 40px;
z-index : 1004;
}
#CV_haut_droite {
position : absolute;
background-color : transparent;
font-size : 14px;
margin-top : -10px;
margin-left : 250px;
width : 340px;
height : 100px;
color : white;
padding : 10px;
z-index : 1005;
}
#CV_haut_droite p {
color : white;
font-size : 12pt;
font-family : Verdana;
text-align : left;
padding-left : 10px;
}
#CV_gauche p {
color : white;
font-size : 10pt;
font-family : Verdana;
text-align : right;
}
#CV_droite p {
color : black;
font-size : 10pt;
font-family : Verdana;
text-align : left;
}
#CV_haut_ombre {
position : absolute;
background-color : #222222;
margin-left : -20px;
width : 750px;
height : 5px;
opacity : 0.5;
z-index : 1003;
}
#CV_gauche {
position : relative;
background-color : #005782;
margin-left : -20px;
width : 250px;
height : 800px;
color : white;
padding : 10px;
z-index : 1002;
font-family : tekton;
line-height : 12pt;
}
#CV_droite {
color : #111112;
position : relative;
width : 450px;
height : 760px;
margin-top : -820px;
margin-left : 250px;
background-color : #ebebeb;
padding : 10px;
z-index : 1002;
font-family : tekton;
line-height : 12pt;
}
#divtitres {
position : absolute;
z-index : 4000;
margin-left : 182px;
}
#idphoto {
position : absolute;
height : 150px;
margin-left : 160px;
margin-top : -10px;
}
.titres {
color : #005782;
font-size : 38px;
font-family : Impact;
}
.lettresCV {
color : #ebebeb;
font-family : Impact;
}
#CV_bas {
position : absolute;
width : 480px;
margin-left : -10px;
margin-top : -20px;
}
#trait1 {
width : 100%;
position : relative;
top : 0;
}
br {
line-height : 12pt;
}
.panel h2.title {
margin-bottom : 0;
font-size : 0;
font-family : Verdana;
text-indent : -1000px;
}
noscript div {
background : #ccc;
border : 1px solid #900;
margin : 20px 0;
padding : 15px;
}
p {
font-size : 12pt;
text-align : justify;
margin : 5px;
color : #222221;
opacity : 1.0;
z-index : 400;
}
.lettre {
font-size : 16pt;
color : #004571;
letter-spacing : 0;
}
.panel .lettre {
margin-left : 20px;
}
h1 {
font-size : 24pt;
color : white;
text-align : center;
opacity : 1.0;
z-index : 400;
}
h2 {
font-size : 16pt;
opacity : 1.0;
z-index : 400;
}
h3 {
font-size : 14pt;
opacity : 1.0;
z-index : 400;
}
h4 {
font-size : 10pt;
color : white;
opacity : 1.0;
}
.panel h3 {
font-size : 12pt;
margin : 5px 5px;
}
.boxgrid p {
font-size : 8pt;
text-align : left;
line-height : 8pt;
}
hr {
color : #004571;
height : 1px;
width : 750px;
margin : auto;
}
.coda-slider-wrapper {
padding : 20px 0;
width : 770px;
margin-right : auto;
margin-left : auto;
top : -150px;
}
.coda-slider {
width : 770px;
top : 0;
}
.coda-slider-no-js .coda-slider {
background-color : #222221;
height : 200px;
overflow : auto !important ;
padding-right : 20px;
}
.coda-slider, .coda-slider .panel {
width : 770px;
background-color : #eeeeef;
padding-bottom : 20px;
}
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
width : 770px;
background-color : #eeeeef;
}
.coda-slider-wrapper.arrows .coda-slider {
margin : 0 0;
}
.coda-nav-left a, .coda-nav-right a {
background-color : transparent;
color : #fff;
padding : 5px;
width : 60px;
}
.coda-nav ul li a.current {
background : #eeeeef;
color : #004571;
opacity : 1.0;
}
.coda-slider .panel-wrapper {
padding : 20px;
}
.coda-slider p.loading {
padding : 20px;
text-align : center;
}
.coda-nav ul {
clear : both;
display : block;
margin : auto;
overflow : hidden;
margin-left : 140px;
}
.coda-nav ul li {
display : inline;
font-size : 14pt;
}
.coda-nav ul li a {
background : #111110;
color : #fff;
float : left;
margin-left : 1px;
padding : 3px 18px;
text-decoration : none;
opacity : 0.5;
}
.coda-nav ul li a:hover {
opacity : 1.0;
}
.coda-slider-wrapper {
clear : both;
overflow : auto;
top : 120px;
}
.coda-slider {
float : left;
overflow : hidden;
position : relative;
}
.coda-slider .panel {
display : block;
float : left;
opacity : 1.0;
}
.coda-slider .panel-container {
position : relative;
}
.coda-nav-left {
float : left;
width : 0;
margin-top : -35px;
position : relative;
}
.coda-nav-right {
float : left;
width : 0;
margin-top : -35px;
margin-left : 690px;
position : absolute;
}
.coda-nav-left a, .coda-nav-right a {
display : block;
text-align : left;
text-decoration : none;
width : 100px;
opacity : 0.8;
}
.coda-nav-right a {
width : 80px;
}
.coda-nav-left a:hover {
opacity : 1.0;
}
.coda-nav-right a:hover {
opacity : 1.0;
}
a:focus, a {
text-decoration : none;
outline : none;
}