/*****   FEUILLE DE STYLE  *****/
/*****    © VEHEM - 2007   *****/

/*  SI ON VEUT SPECIFIER DES STYLES SPECIFIQUES POUR L'IMPRESSION :
@import url('/styles/ecran.css') screen;   
@import url('/styles/impression.css') print;   
*/

body { margin: 20px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FEEA2B; color: #000; background-image:  url("/media/habillage/fondcagoule.jpg"); background-position: top;}
td { font-size: 10px; }
p {	margin: 0px;}
blockquote { margin: 0px 5px 3px 15px;}
h1 { margin: 0px; margin-bottom: 6px; font-size: 28px; font-weight: bold; font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; color: #ED1A24;}
h2 { margin: 0px; font-size: 16px; font-weight: bold; font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; color: #ED1A24;}
h3 { margin: 0px; font-size: 12px;font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; color: #ED1A24;}
h4 { margin: 0px;}
h5 { margin: 0px;}
h6 { margin: 0px;}
pre {}
img {margin: 0px; border:0px}
hr {height: 1px; border: none; border-top: 1px solid #164A62; }
form { margin: 0px;}
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #EFEFEF;}
input.bouton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #ED1A24; color: #FFFFFF;}
input.boutonimage { background-color: transparent;	margin:0px;	border: 0px;}
input.case { background-color: transparent;	margin:0px;	border: 0px ;}
textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #EFEFEF;}
select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #EFEFEF;}
ul	{padding: 0px 10px; margin:0px;}
li {list-style-type:none;}

a:link, a:active, a:visited { color: #ED1A24; text-decoration: none;}
a:hover { color: #ED1A24; text-decoration: underline;} /* 2006 : bleu */

/******* tableau de bord administration *******/

.erreur {font-size: 11px; font-weight: bold; color: #CE0F0F;}
.confirmation{}

.listing {margin-top: 6px;}
.listing tr:hover {background-color: #000; color: #fff;}
.listing td {padding: 5px;}

/******** mise en forme du texte *******/

.corps09 { font-size: 9px;}
.corps10 { font-size: 10px;}
.corps11 { font-size: 11px;}
.corps12 { font-size: 12px;}
.corps14 { font-size: 14px;}
.corps17 { font-size: 17px;}
.margintop4px { margin-top: 4px;}
.margintop10px { margin-top: 10px;}
.cap { text-transform: uppercase;}

.couleurgris01 { color: #808080;}
.couleurblc { color: #FFFFFF;}
.couleurcharte01 { color: #ED1A24; }  /* 2007 : rouge */
.couleurcharte02 { color: #006699; }  /* 2007 : bleu */
.couleurcharte03 { color: #66CC33; }  /* 2007 : vert */

.float_left { margin-right: 8px; margin-bottom: 3px; float: left; }
.float_right { margin-left: 10px; margin-bottom: 3px; float: right;}
.clear {clear: both;}

.barre {text-align: center; padding: 10px 0px; clear: both;}

.fondblc { background-color: #FFFFFF;}
.fondgris01 { background-color: #F5F5F5;}
.fondgris02 { background-color: #bbbbbb; color: #FFFFFF;}
.fondcharte01 { background-color: #ED1A24; color: #FFFFFF;}  /* 2007 : rouge */
.fondcharte02 {	background-color: #006699; color: #FFFFFF;}  /* 2007 : bleu */
.fondcharte03 { background-color: #66CC33; color: #FFFFFF;}  /* 2007 : vert */



/*******  Paramètres spécifiques  *******/
#vj { width: 780px;	margin: auto; padding: 10px; background-color: #FFFFFF; }
	#tetiere {width: 100%; clear: both; }
		#menu01 {width: 568px; height: 70px; float: left; background: url(/media/habillage/bg_menu01.gif) no-repeat;}
			#menu01 #logo01 {float: left; margin: 0px 4px;}
			#menu01 #logo02 {margin: 5px 0px;}
			#menu01 ul {margin-left: 15px;}
			#menu01 li {list-style-type:none; display: inline; margin-right: 8px; padding-left: 8px; background: url(/media/pictos/puce-rouge01.png) left 4px no-repeat; $background-position: left 7px;}
			#menu01 li a {font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
			#menu01 li a:hover {color: #006699;}
		#menu02 {width: 208px; height: 70px; float: right; background: url(/media/habillage/bg_menu02.gif) no-repeat;}
			#menu02 ul {text-align: right; margin: 4px 8px;}
			#menu02 li {list-style-type:none; padding-right: 10px; background: url(/media/pictos/puce_fleche01.gif) right 5px no-repeat;}
			#menu02 li a {font-size: 9px; font-weight: bold; }
			#menu02 li a:hover {color: #66CC33;}
	#main {width: 100%; clear: both; border-bottom: 2px #FFF solid; $border-bottom: 4px #FFF solid; border-top: 4px #FFF solid; background: url(/media/habillage/background_main01.gif) repeat-y;}
		#contenu {width: 568px; float: left; background: url(/media/habillage/background_contenu01.png) repeat-x; vertical-align: top; min-height: 360px; _height: 360px;}
			.bandeau_haut {border-bottom: 4px #FFF solid;}
			#video, #blog, #guestbook, #dvd, #bio, #video {padding: 10px 20px; font-size: 11px;}
			#blog {}
			#dvd {}
				#dvd1 {clear: both; }
				#dvd1 p { margin-bottom: 6px;}
				#dvd2 {clear: both; margin: 25px 0px;}
				#dvd2 h5 {margin-bottom: 8px;}
				#dvd2 p {font-weight: bold; margin-bottom: 6px;}
				#dvd2 ul {margin-top: 4px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #66CC33;}
				#dvd2 li {margin-left: 15px; font-size: 10px; padding-left: 10px; background: url(/media/pictos/puce_fleche01.gif) left 5px no-repeat; width: 450px;}
			#bio {padding: 10px 20px; font-size: 11px;}
				#bio1 {clear: both;}
				#bio1 img {float: right; margin: 15px}
				#bio1 p {margin-bottom: 8px; }
				#bio1 .signature {font-style: italic; font-size: 10px;}
				#bio1 .suite {font-style: normal; padding-left: 10px; background: url(/media/pictos/puce_fleche01.gif) left 4px no-repeat;}
				#bio1 .telecharger {font-size: 10px; font-weight: bold; padding-left: 10px; background: url(/media/pictos/puce_fleche01.gif) left 5px no-repeat;}
				#bio2 {clear: both; margin: 25px 0px; font-size: 10px; }
				#bio2 p {clear: both; margin-bottom: 8px; width: 450px;}
				#bio2 .signature {text-align: right; font-style: italic; margin-right: 15px; width: auto;}
				#bio3 {clear: both; font-size: 10px;}
				#bio3 h5 {background-color: #ED1A24; color: #FFFFFF; padding: 0px 5px; width: 37px;}
				#bio3 .date {}
				#bio3 strong {}
				#bio3 ul {margin-top: 4px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #66CC33;}
				#bio3 li {margin-left: 15px; padding-left: 10px; background: url(/media/pictos/puce_fleche01.gif) left 5px no-repeat; width: 450px;}
			#video {margin-bottom: 15px;}
				#video #video-main {width: 300px; float: left; margin-bottom: 15px; font-size: 10px;}
				#video #video-main h3 {color: #006699; }
				#video #video-categorie {width: 200px; padding: 10px; float: right; height: 110px;  background: url(/media/habillage/background_contenu01.png) left -100px; margin-bottom: 15px;}
				#video #video-categorie h3 {color: #FFF; margin-bottom: 5px;}
				#video #video-categorie li {list-style-type:none; padding-left: 10px; background: url(/media/pictos/puce_fleche01.gif) left 5px no-repeat; }
				#video #video-categorie li a {font-size: 10px; color: #FEEA2B; font-weight: bold;}
				#video #video-listing {clear: both; }
				#video #video-listing h3 {margin-bottom: 6px;}
				#video .video-detail {float: left; margin: 0px 15px 20px 0px; width: 161px; $width: 167px; text-align: center;}
				/*#visionneuse {text-align: center; }
					#visionneuse #menu-player h1 {float: left; padding-left: 25px; }
					#visionneuse #menu-player p {float: right;  background: url(/media/pictos/bouton_fermer01.gif) right top no-repeat; padding-bottom: 10px; padding-right: 30px; padding-left:15px; }
					#visionneuse a.lbAction {color: #000; font-size: 20px; font-weight: bold; }
					#visionneuse a.lbAction:hover {color: #ED1A24; }
					#visionneuse p {text-align: center; }
					#visionneuse #pied-player {text-align: left; width: 425px; margin: 5px 25px; }*/
			#links {padding: 10px 20px; font-size: 11px; margin-bottom: 20px;}
				#links #liens-g {width: 245px; float: left; text-align: center; margin-top: -10px;  }
				#links #liens-d {width: 245px; float: right; text-align: center; margin-top: -10px; margin-bottom: 20px; }
				#links #liens-g h2, #links #liens-d h2 {clear: both; display: block; color: #000; margin-top: 10px; margin-bottom: 2px; font-size: 13px;}
				#links #liens-g a, #links #liens-d a {clear: both; display: block;}
				#links #liens-g a:hover, #links #liens-d a:hover {background-image:url(/media/habillage/background_contenu01.png);}
			#web {padding: 10px 20px; font-size: 11px;}
			#contacts {padding: 10px 20px; font-size: 11px;}
			#contacts input, #contacts select, #contacts textarea {width: 280px;}
			#contacts input.bouton {width: auto;}
			#newsletter {padding: 10px 20px; font-size: 11px;}
			#newsletter input, #newsletter select, #newsletter textarea {width: 280px;}
			#newsletter input.bouton, #newsletter input.case {width: auto;}
		#colonne-droite {width: 208px; float: right; vertical-align: top;}
			.ttr_module_droite {border-bottom: 4px #FFF solid; margin: 0px;}
			#news {border-bottom: 4px #FFF solid; background: url(/media/habillage/background_droite01.gif) repeat-y;}
			#news .contenu_news {height: 250px; overflow: auto; color: #737373; font-size: 9px; padding: 8px;}
			#news .contenu_news p {margin-bottom: 8px;}
			#news .contenu_news em {color: #0053A6; font-style: normal; font-size: 9px;}
			#news .contenu_news a {color: #737373; text-decoration: underline;}
			#une {border-bottom: 4px #FFF solid; background: url(/media/habillage/background_droite01.gif) repeat-y;}
			#une .contenu_une {padding: 8px; font-weight: bold; color: #737373; font-size: 9px;}
			#une .contenu_une img {float: left; margin-right: 6px;}
			#flickr {border-bottom: 4px #FFF solid; background: url(/media/habillage/background_droite01.gif) repeat-y;}
			#infos {padding: 8px; color: #CCC; font-size: 9px;}
			#infos p {clear: both; display: block; margin-bottom: 6px;}
			#infos div {clear: both; display: block; vertical-align: middle; margin-bottom: 4px;}
			#infos img {vertical-align: middle; margin-right: 5px;}
			#infos a {font-weight: bold; color: #CCC; text-decoration: none;}
			#infos a:hover {text-decoration: underline;}
			#calendrier {color: #000; font-size: 10px;}
		#fin-main {clear: both;}
	#footer {width: 100%; clear: both; background: #FEEA2B; font-size: 9px; height: 56px;}
		#footer a {color: #000;}
		#bas_main {float: left; margin: 10px 0px 0px 20px; clear: none;}
		#bas_infos {float: right; margin: 10px 20px 0px 0px; text-align: right; clear: none;}
		#bas_logo {margin: 2px auto; width: 37px; clear: none;}