/* CSS Document */
/* reset CSS */
html{
	color:#000;
	background-color: #FFFFFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* debut de style du site internet */
/* Copyright Agence et Studio L J & C */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #FFFFFF;
}
.h1web {
	font-size: 0.1em;
	color: #f5f5f6;
}

#conteneur {
	width: 1000px;
	overflow: hidden; /* -> 2 */
	min-width: 805px;
	max-width: 1000px; /* -> 3 */
	margin-left: auto;
	margin-right: auto; /* -> 4 */
	background-color: #f5f5f5;
}
#haut {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	height: 35px;
	padding-top: 15px;
}
#gauche {
	float: left;
	position: relative;
	top: 0px;
	width: 340px;
	background-image: url(../media-eric-diseur/bg_header_v2.jpg);
	background-repeat: no-repeat;
	height: 805px;
}
#twitter {
	top: 300px;
	left: 50px;
	z-index: 1;
	position: absolute;
	height: 525px;
	width: 250px;
}


#centre {
	width: 660px;
	height: auto;
	/*	min-height: 760px;*/
	margin-left: 340px;
	padding-top: 10px;
	margin-top: 0px;
}

#navigation, #navigation ul /* Liste */     
{
	padding : 0; /* ni extérieure */
	list-style : none; /* on définit une hauteur pour chaque élément */
	text-align : center;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}

#navigation /* Ensemble du navigation */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 14px; /* hauteur du texte : 12 pixels */
}

#navigation a /* Contenu des listes */
{
	display : block; /* couleur de fond */
	color : #000000; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width : auto; /* largeur */
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	height: 25px;
}

#navigation li /* Elements des listes */      
{
	float : left;
	/* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
	line-height: 15px;
	height: 25px;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #navigation li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#navigation li ul /* Sous-listes */
{
	position: absolute; /* Position absolue */
	width: 300px; /* Largeur des sous-listes */
	left: -999em;
	text-align: left;
	background-color: #DFDFDF;
	z-index: 10;
	padding-bottom: 15px;
}


#navigation li ul li /* Éléments de sous-listes */
{
	width: 300px;
	line-height: 25px;
	text-transform: capitalize;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CC0033;
	font-weight: normal;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #navigation li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#navigation li ul ul 
{
        margin    : -22px 0 0 300px; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #navigation li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#navigation a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #fff; /* On passe le texte en noir... */
        background: #990000; /* ... et au contraire, le fond en blanc */
}
#navigation li:hover ul ul, #navigation li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#/*navigation {
	margin-top: 10px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	height: 19px;
	padding-top: 10px;
				}
#navigation li {
	display: inline;
				}
#navigation li a {
	color: #000000;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 10px;
				}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #990000;
				}
			[if lt IE 7]>
			<style type="text/css">
			#navigation {							/* Contexte de formatage pour IE6 */
				overflow: visible ;
				height: 1% ;
				}
			</style>
			<![endif]*/
#footer {
	height: 25px;
	text-align: right;
	font-size: 0.6em;
	line-height: 25px;
	color: #999999;
	background-color: #FFFFFF;
}
#footer {
	font-size: 0.6em;
	color: #666666;
	text-align: right;
	height: 20px;
	line-height: 10px;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-top: 5px;
}
#footer a {
	color: #666666;
	text-decoration: none;
}
#footer a:hover, #footer a:focus, #footer a:active {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
#centre h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: bold;
	width: 100%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	line-height: 25px;
	height: 25px;
}
.h1accueil {
	width: 100px;
	float: right;
	position: relative;
}
#centre .ecouteur {
	background-image: url(../media-eric-diseur/ecouteur.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 600px;
	float: left;
	text-align: center;
	font-size: 1.2em;
	color: #990000;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding-top: 8px;
}
#dewplayer {
	width: 220px;
	margin-top: 10px;
	background-image: url(../media-eric-diseur/bg_dewplayer.jpg);
	background-repeat: no-repeat;
	height: 38px;
	background-position: bottom;
}



#centre h1.rubriques, span.rubriques {
	color: #FFFFFF;
	background-image: url(../media-eric-diseur/bg_h1_rubriques.jpg);
	background-repeat: no-repeat;
	font-weight: normal;
	font-size: 1.3em;
	padding-left: 5px;
	height: 30px;
	line-height: 15px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	width: 655px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	float: left;
}

#centre h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #666666;
}
#centre h2 a {
	text-decoration: none;
	color: #666666;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
}
#centre h2 a:hover {
	text-decoration: none;
	color: #990000;
}

#centre h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999999;
	font-style: italic;
}
#centre h3 a {
	background-image: url(../media-eric-diseur/puce_lienwww.gif);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 20px;
	height: 20px;
	padding-left: 40px;
}
#centre h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 0.9em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	padding-bottom: 7px;
	font-weight: normal;
}
#centre p {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 20px;
	margin-bottom: 10px;
	margin-right: 10px;
}
#centre p strong {
	font-weight: bold;
}

#centre p a {
	background-color: #999999;
	padding: 1px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
#centre p a:hover, #centre p a:focus, #centre p a:active {
	color: #990000;
	text-decoration: none;
	border: 1px solid #99000;
	background-color: #FFFFFF;
}
#centre p.italic {
	font-style: italic;
	color: #666666;
	font-size: 0.8em;
}
#centre table {
	float: left;
	padding: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}


#nav {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.7em;
	color: #666666;
	background-color: #FFFFFF;
	height: 50px;
}
#nav a {
	color: #990000;
	text-decoration: none;
	text-transform: capitalize;
}
#nav a:hover, #nav a:focus, #nav a:active {
	color: #666666;
}
#info {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #999999;
	text-transform: none;
	text-align: center;
	background-color: #f5f5f5;
	padding-top: 30px;
}
#info h1 {
	font-size: 0.9em;
	color: #F5F5F4;
}

#centre .imgD {
	float: left;
	border: 2px solid #666666;
	margin-right: 15px;
}
form {
	color: #D61D01;
	font-size: 0.9em;
	float: left;
	position: relative;
}
input, textarea {
	background-color: #666666;
	color: #FFFFFF;
	width: 280px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	padding-left: 3px;
}
.input_bt {
	background-color: #A50704;
	border: 1px solid #cccc99;
	display: inline;
	color: #CCCCCC;
	width: 150px;
	margin: 5px;
	font-size: 0.8em;
}
div.row {
 	clear: both;
	 padding-top: 10px;
 }

div.row span.label {
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 5px;
	background-color: #A50704;
	height: 20px;
	color: #FFFFFF;
	padding-right: 5px;
 }

div.row span.formw {
	float: left;
	text-align: left;
	width: 300px;
 }
.champs {
	width: 100px;
}
div.line {
	display: table;
	width: 350px;
	text-align: center;
	clear: both;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
a img {
	border:none;
	margin: 0px;
}
.imgfilet {
	margin: 2px;
	border: 1px solid #CCCCCC;
}
.h2experience {
	font-weight: bold;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #990803;
	font-size: 1.1em;
	text-indent: 8px;
	margin-bottom: 10px;
	font-style: normal;
	color: #990803;
	margin-top: 30px;
}
.imgweb {
	float: left;
	height: 100px;
	width: 100px;
	margin: 10px;


}
#centre #liens {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	height: 160px;
}
#extraits a {
	color: #990000;
	text-decoration: none;
}
#extraits a:hover {
	color: #666666;
	text-decoration: none;
}
.imgExtrait, .imgVideo {

	float: left;
	height: 120px;
	width: 120px;
	margin: 10px;
}
#extraits, #video {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	height: 160px;
	font-size: 0.9em;
	color: #666666;
}
#extraits h2, #video h2 {
	font-size: 1.1em;
	text-transform: uppercase;
	color: #333333;
	font-weight: bold;
}
#extraits p, #video p {
	font-style: italic;
	color: #666666;
}

#zip {
	float: right;
	color: #990000;
	font-size: 0.9em;
	letter-spacing: 1px;
	margin-right: 30px;
	height: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}
#lectvideo {
	color: #990000;
	font-size: 0.9em;
	letter-spacing: 1px;
	height: 130px;
	text-align: center;
	border: 1px solid #990000;
	padding: 10px;
	background-color: #FFFFFF;
	float: right;
	margin-right: 50px;
	}
#lectvideo img {
	width: 100px;
}
#lectvideo h3 {
	background-image: url(../media-eric-diseur/puce_lienwww.gif);
	height: 28px;
	background-repeat: no-repeat;
	background-position: left;
	line-height: 28px;
	padding-left: 30px;
	font-size: 1.5em;
	color: #990000;
}

.h1color {
	color: #990000;
	text-transform: capitalize;
	font-style: italic;
	font-weight: normal;
}