/*-----------
/*----------- GÉNÉRAL ----------*/
/*-----------*/

html, body {
margin: 0;
padding: 0;
height: 100%;
background-color: #FFFFFF;
font-family: Arial;
border: 0;
text-align: justify;
}

img{
border: 0;
}

p{
font-family: Arial;
font-size: 12pt;
}

table{
margin: 0 auto;
border: 1px dashed #353639;
}

td{
font-family: Arial;
font-size: 10pt;
}

.cv, .cv a{
text-align: center;
color: #000000;
}

.tdleft{
text-align: right;
width: 90px;
}

.tdright{
text-align: left;
width: 510px;
}

.error{
text-align: center;
color: #FF0000;
font-weight: bold;
}

.mail{
text-align: center;
font-weight: bold;
}

.none{
text-align: center;
}

.retour{
font-size: 11pt;
}

.signature{
text-align: right;
font-style: italic;
font-size: 14pt;
padding-right: 4px;
}

.valide{
text-align: center;
color: #00FF00;
font-weight: bold;
}

h1{
font-family: Georgia, Arial;
font-size: 24pt;
margin-top: 3px;
}

h2, h2 a{
font-family: Georgia, Arial;
font-size: 16pt;
margin-top: -18px;
color: #989aa1;
text-align: right;
padding-right: 4px;
}

h2 a:hover{
text-decoration: none;
}

h3 { 
padding-left: 10px; 
margin-top: 5px;
margin-bottom: -10px;
font-weight: bold; 
}

/*-----------
/*----------- SPÉCIAL ----------*/
/*-----------*/

#splash{
margin: 0 auto;
width: 400px;
height: 100%;
background-color: #2a2b2e;
overflow: hidden;
}

#logo-splash{
margin: 0 auto;
margin-top: 60%;
width: 204px;
height: 57px;
background-image: url("images/logo.png");
background-repeat: no-repeat;
}

#entrer{
text-align: center;
font-family: Arial;
font-weight: bold;
font-size: 16pt;
}


#entrer a{
text-decoration: underline;
color: #FFFFFF;
}

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

#foot-splash{
width: inherit;
text-align: center;
position: absolute;
bottom: 0px;
color: #FFFFFF;
}

#foot-splash p{
font-family: Arial;
font-size: 10pt;
}

/*-----------
/*----------- ARCHITECTURE ----------*/
/*-----------*/
#tout{
width: 100%;
min-width: 1024px;
height: 100%;
}

#contenu-ext{
height: 100%;
margin: 0;
overflow: hidden;
background-color: #FFFFFF;
}

#contenu-int{
margin: 0 auto;
width: 90%;
height: 100%;
overflow: hidden;
background-color: #FFFFFF;
}

#menu{
float: right;
overflow: hidden;
margin: 0;
width: 20%;
min-width: 204px;
max-width: 250px;
height: 100%;
background-color: #2a2b2e;
color: #FFFFFF;
}

/*-----------
/*----------- PARTIE DE DROITE ----------*/
/*-----------*/

/*----------- LOGO ----------*/

#logo{
margin: 0 auto;
margin-top: 10%;
width: 204px;
height: 57px;
background-image: url("images/logo.png");
background-repeat: no-repeat;
}

/*----------- MENU ----------*/

#liens{
margin-top: 40%;
width: 100%;
min-height: 50px;
}

#ac{ width: 100%; height: 50px; background-color: #353639; margin-bottom: 5px; }
#ac:hover{ background-color: #e6971a; }
#ac a { display:block; width:100%; height:50px; background:url("images/menu-accueil.jpg") 70% top no-repeat; }
#ac a:hover { margin:auto; background: url("images/menu-accueil.jpg") 70% bottom no-repeat; }

#gal{ width: 100%; height: 50px; background-color: #353639; margin-bottom: 5px; }
#gal:hover{ background-color: #e6971a; }
#gal a { display:block; width:100%; height:50px; background:url("images/menu-galerie.jpg") 70% top no-repeat; }
#gal a:hover { margin:auto; background: url("images/menu-galerie.jpg") 70% bottom no-repeat; }

#cont{ width: 100%; height: 50px; background-color: #353639; margin-bottom: 5px; }
#cont:hover{ background-color: #e6971a; }
#cont a { display:block; width:100%; height:50px; background:url("images/menu-contact.jpg") 70% top no-repeat; }
#cont a:hover { margin:auto; background: url("images/menu-contact.jpg") 70% bottom no-repeat; }

#bio{ width: 100%; height: 50px; background-color: #353639; }
#bio:hover{ background-color: #e6971a; }
#bio a { display:block; width:100%; height:50px; background:url("images/menu-biocv.jpg") 70% top no-repeat; }
#bio a:hover { margin:auto; background: url("images/menu-biocv.jpg") 70% bottom no-repeat; }

/*----------- LIEU ----------*/

#lieu{
margin-top: 20%;
width: 15px;
height: 233px;
background: url("images/lieu.png") left no-repeat;
}

/*----------- FOOTER ----------*/

#foot{
width: inherit;
max-width: 250px;
height: 31px;
position: absolute;
bottom: 0px;
}

#foot p{
font-size: 10pt;
text-align: center;
}

/*-----------
/*----------- VISUELS GALERIE ----------*/
/*-----------*/

#visuels {
width: 700px;
list-style:none; 
padding-top: 40px;
margin:0 auto; 
padding-left:0;
}

#visuels li{ margin-top: 15px; }

/*-----------
/*----------- GALERIE JS ----------*/
/*-----------*/

/*----------- LE THUMB ----------*/

#liens-minia { height:80px; margin: 0 auto; }

#mini {
display:block; 
overflow:hidden; 
list-style:none; 
margin:0 auto; 
padding:0;
} 

#mini li {float:left;} 
#mini a {display:block; margin-right: 6px;} 
#mini img {border:solid 3px black;} 
#mini img:hover {border:solid 3px #e69619;} 
#mini img.active {border:solid 3px #35363a;} 

/*----------- CARROUSEL ----------*/

.carroussel-prev{
position: absolute;
z-index:2;
}

.carroussel-next{
position: absolute;
display: inline;
}

.carroussel-conteneur{
height: 95px;
overflow: hidden;
padding-left: -40px;
margin-left: 75px;
position: absolute;
}

/*----------- ÉCRAN ----------*/

#visua {width: 705px; margin: 0 auto }

#ecran {
position:absolute; 
width:700px; 
height:465px; 
margin: 0 auto; 
margin-top: 2%; 
border:solid 3px black;
}

#ecran img[src*="loader"] {position:absolute; left:45%; top:42%;}

/*----------- COMMENTAIRE ----------*/

.boxgrid{ 
margin: 0 auto; 
width: 325px; 
height: 260px; 
float:left; 
color: #FFFFFF;
border: solid 2px #FFFFFF; 
overflow: hidden; 
position: relative; 
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

.boxgrid p{ 
padding-left: 10px;
margin-bottom: -2px;
font-weight:bold; 
font:10pt Arial, sans-serif; 
}

.boxgrid a{ 
padding-left: 10px;
font-weight:bold; 
font:10pt Arial, sans-serif; 
}	

.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 
opacity: .8; 
/* IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }
 
.captionfull .boxcaption { top: 432; left: 0; }

.caption .boxcaption { top: 432; left: 0; }