/*MEDIATUX*/

body{
/*background-color:#95cd6c;*/
/*background-color:#ccc;*/
/*background-color:#000;*/
/*background: #1a1819 url("../img/imgCss/sponsors.jpg") no-repeat;
background-color: #D7DFE2;*/
background: #fff url("../img/imgCss/body_bg4.png") repeat-x;
/*background: #fff url("../img/imgCss/bg.gif") repeat;*/
/*background-color:#fff;*/
color:#fff;
font-family: verdana, arial, helvetica;
font-size:medium;
margin: -1px 1%;
/*border: #000 solid 1px;*/
}

.design {
display:none;
}

#menuv{
margin-top: 0px;
}


#cright{
font-size: 10px;
text-align: left;
background: #fff url("../img/imgCss/mediatuxcright.png") no-repeat;
height: 30px;

margin-left: -161px;
padding-top: 20px;
padding-left: 70px;
}

#logo{
background: transparent url("../img/imgCss/logomediatux2.png") no-repeat;
color: #000;
margin: -1px 0 0 0;
height: 127px;
font-size: 10px;
padding-top: 0px;
}
#logo a{
color: #389933;
}

/*#logo img{
border: 0;
}*/


#conteneur{
height: 100%;
width: 901px;
color: #000;
/*background-color: #f4f4f4;*/
/*background-color: #fff;*/

min-width: 500px;
margin: auto;
}

#recherche{
width: 150px;
padding: 0px 0 2px  35px;
height: 25px;
margin-left: 5px;
margin-top: -10px;
background: transparent url("../img/lens_lente_francesco_rol_01.png") no-repeat bottom left;
}

#recherche INPUT {
BACKGROUND-COLOR: transparent;
border: #000 1px solid;

COLOR: #000;
font-family: verdana, arial, sans-serif;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
}

#contmenusG{
width:180px;
overflow: hidden;
float: left;
margin-left: 0px;
margin-top: 7px;
/*border-right: dotted 2px #000;
border-left: groove 1px #000;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;*/
/*background: #f3f2ad url("../img/imgCss/borduremenu.png") repeat-y right;*/
}

.menustyleValid{
color: #111;
margin-top: 18px;
padding-right: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-right: 5px;

}


.menustyle{
color: #111;
/*background: transparent url("../img/composants/fondMenustyle.png") no-repeat bottom;*/
margin-top: 8px;
padding-right: 0px;
padding-bottom: 2px;
margin-left: 5px;
margin-right: 5px;
/*border-right: solid 1px #0066B3;
border-bottom: solid 1px #809FFF;
border-left: solid 1px #0066B3;
background-color: #BFE4FF;*/
}

/* --------------- */
.menustyle h2{
/*#d1d0e4*/

color: #fff;
border-color: #00f;
font-size: small;
font-style: normal;
/*text-transform: uppercase;*/
margin: 0px;
margin-left: 0px;
padding-top: 0px;
padding-bottom: 1px;
padding-left: 28px;
margin-right: 0px;
#background: #fff url("../img/imgCss/boutonmenu.png") no-repeat bottom;
background: #fff url("../img/imgCss/bt2.png") repeat-x left;
}

/*.menustyle h2:first-letter{
color: #fff;
font-size: large;
background-color: #389933;
padding: 0  1px 0 1px;
}*/

.menustyle ul{
margin-bottom: 0.2em;
margin-top: 0.2em;
margin-left: 20px;
padding-left: 0;
}

.menustyle li{
/*list-style: none;*/
font-size: 13px;
margin-left: 0px;
margin-right: 10px;
padding-top: 4px;
}

.menustyle a{
color: #41516b;
/*color: #0066B3;*/
/*display: block;*/
/*font-weight: 700;*/
text-decoration: none;
font-size: 90%;
}

.menustyle a:hover {

color:#000;
/*color:#336699;*/
width: auto;

margin-right: 0px;
}

.smenu{
border-top:solid 1px #000;
border-bottom:solid 1px #000;

}

.smenu li{
list-style: none;
font-size: 11px;
}

.validating{
margin-left: 10px;
}

/* Pages interieures */

.dropcaps{
	float:left; 
	color: #389933; 
	font: bold 25px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin:3px; 
	padding:0px 5px;  
	text-align: left;
	background-color : #fff;
	border: 1px solid #7088b0;
}


#texte{
#color:#3c3d3c;
color:#416271;
/*background-color:#f6fcf5;
background-color:#fff;
border-left: 2px dotted #000;*/
line-height:150%;
margin: 35px 3% 2em 230px;
padding:0 2% 3em 0%;
font-family:Arial, Helvetica, sans-serif;
font-size: 80%;
}

#texteform{
color:#000;
/*background-color:#f6fcf5;
border-left: 2px dotted #fff;*/
line-height:150%;
margin: 35px 3% 2em 195px;
padding:0 2% 3em 2%;
background: #f6fcf5 url("../img/imgCss/manchot.royal.png") no-repeat top right;
}


#texte p{
text-align: justify;
/*margin-left: 25px;*/
/*margin-top: -9px;*/
}



#texte li{
list-style:disc;
margin-left: 15px;
}

#texte ul li{
list-style-type:circle;

}

#texte ol li{
list-style-type:decimal;
}

#texte h1{
font-family: verdana, arial, sans-serif;
text-shadow: #666 1px 1px 1px;
/*color: #1187de;*/
color: #cc6633;
font-size:130%;
margin-top: -21px;
margin-bottom: 15px;
padding-left: 20px;
/*border-left: solid 1px #66cc79;
border-top: solid 1px #66cc79;
border-right: solid 1px #66cc79;
border-bottom: solid 1px #66cc79;
background-color:#f6fcf5;*/
/*padding-left: 22px;*/
/*text-align: center;*/
background: transparent url("../img/imgCss/puce004.png") no-repeat left;
}

texte h2,#texte h3,#texte .resultat dt{
/*font-family: verdana, arial, sans-serif;*/
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#texte h2{
/*background: transparent url("../img/imgCss/puce.png") no-repeat left;*/
color:#1187de;
font-size:120%;
/*padding-left: 22px;*/
padding-bottom: 0px;
margin-bottom: -5px;
}

#texte h3 code{
color:inherit;
background-color:transparent;
}

#texte h3,#texte .resultat dt{
background-color:transparent;
color:#1187de;
font-size:110%;
/*margin:2em 0 0,5em 0;*/
line-height:110%;
margin-bottom: -5px;
}

#texte h4{
font-family: verdana, arial, sans-serif;
color:#1187de;
color:#101010;
font-weight:700;
font-size:100%;
border-bottom: 1px dotted #1187de;
margin-bottom: -5px;
}

texte h5{
color:#66cc79;
background-color:transparent;
font-weight:100;
font-size:small;
}

#texte a{
color: #389933;
background-color:transparent;
}

#texte a:hover{
color:#369;
background-color:transparent;
text-decoration:none;
}

#texte a:visited{
color:#369;
background-color:transparent;
}


#adresse{
font-size:130%;
color:#000;
float:right;
border: solid 1px #000;
padding: 5px;
}

/*Misc*/

.colmembres
{
width: 200px;
height: auto;
font-weight: bold;
padding-left: 3px;
padding-right: 3px;
float: left;
margin: 5px;
margin-top: 0;
}
.colmembres h6
{
color:#fff;
background-color: #00cc6d;
width: 190px;
font-size: 12px;
text-align: center;

}

.fonction{
color: #369;
}

.spacer {
  clear: both;
}



#menus{
border-top: dotted 2px #000;

}

#ours{
color:#036;
background-color:transparent;
margin:0 3% 0 21%;
padding:0 0 1em 0;
}

#ours ul{
margin-left:0;
padding-left:0;
}

#ours li{
border-right:1px solid #036;
display:inline;
margin:0 0.5em 0 0;
padding:0 0.5em 0 0;
}

#ours li.dernier{
border:0;
}

#ours a{
background-color:transparent;
color:#f60;
}

#ours a:hover{
background-color:#eff4fa;
color:#369;
text-decoration:none;
}

.iconesMenu{
padding-top: 3px;
width: 150px;
height: auto;
/*float: bottom;*/

font-size: medium;
font-weight:700;
color: #fff;

padding-left: 2px;
padding-bottom: 2px;
}


.imgDroite
{
margin-top: 20px;
margin-left: 11px;
margin-bottom: 0px;
width:auto;
height: auto;
float: right;
}

.imgGauche
{
margin-top: 20px;
margin-right: 10px;
margin-left: 0px;
width:auto;
height: auto;
float: left;
}

.categorie1
{
margin-top: 4px;
margin-left: 10px;
width: auto;
height: auto;
min-height: 400px;
float: left;
border:1px solid #66cc79;
overflow: auto;

padding: 20px 60px 30px 20px;
}

.imgCatego
{
margin-top: 4px;
margin-bottom: 14px;
/*border: solid 1px #000;*/
padding: 2px;
}

.article
{
margin-bottom: 15px;
/*border: solid 1px #fad981;*/


/*background-color: #fad981;*/
}

.article h4
{

/*background:transparent url("../img/imgCss/puce02.png") no-repeat left;
padding-left: 28px;*/
font-size: small;
}

.posted
{

/*background:transparent url("../img/imgCss/puce02.png") no-repeat left;
padding-left: 28px;*/
font-size: 9px;
}

.article p
{

/*background:transparent url("../img/imgCss/puce02.png") no-repeat left;
padding-left: 28px;*/
font-size: 10px;
}



.breves{
color:#000;
width: auto;
height: auto;
/*border: 1px solid #000;*/
float: left;
text-align: left;
font-size: 10px;
padding: 5px;
}

.breves h4{
color: #9ED200;
font-size: 15px;
margin-top: -4px;
}

.breves p{
margin-top: -15px;
}

.breves a{
color: #f00;
}
.brevesBox{
border-bottom: 1px dotted #fff;
width: auto;
height: auto;
margin-left: 0px;
margin-top: 5px;
padding:0 5px 0 5px;
}

#deroule{
margin-top: -49px;
margin-right: 8px;
width: 200px;
height: 200px;
z-index: 2;
/*border-left: solid 1px #fff;
border-top: solid 1px #fff;
border-right: solid 1px #ccc;
border-bottom: groove 1px #333;*/
float: right;
/*background-color: #666;*/
}



.boxGauche
{
position: absolute;
background: transparent url("../img/imgCss/branches.png") no-repeat left;
}


div#newslsub{
color: #000;
font-weight: 700;
width: 155px;
height: 22px;
margin-left: 190px;
margin-top: -15px;
padding-left: 2px;
}



#videos{
#color:#3c3d3c;
color:#416271;
/*background-color:#f6fcf5;
background-color:#fff;
border-left: 2px dotted #000;*/
line-height:150%;
margin: 0 3% 2em 10px;
padding:0 2% 3em 0%;
font-family:Arial, Helvetica, sans-serif;
font-size: 80%;
}


#header {
/*	background:url("header.png") no-repeat scroll 0 0 transparent;*/
	width: 568px; height: 163px;
	float: left;
}
#nav_wrapper {
	clear: left;
}

span#menu_end {
	display:block;
	float:left;
	height:46px;
	width:5px;
}

span#menu_start {
	display:block;
	float:left;
	height:46px;
	width:52px;
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
	font-size: 1em;
	background: url("back_nav.png") repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	background: url(li_border.png) no-repeat right top;	
}
ul#topnav li#last-li {
	background: none;
}
ul#topnav li#last-li a span.single_wrapper {
	float:left;
	margin:6px 6px 6px 10px;
	padding:0 10px;
}

ul#topnav li.liSub a, ul#topnav li a {
	color: white;
	float: left;
	height: 46px;
	line-height: 34px;
	padding: 0;
	text-decoration: none;
	text-shadow: 0 0 2px black;
	text-transform: uppercase;
	z-index: 200;
}

span#menu_start a {
	background: url(home_nav.png) no-repeat left top;
	width: 52px; height: 46px;
	text-indent: -9999px;
	padding:0; margin:0;
}
span#menu_start a:hover  { background-position: left -46px; }
span#menu_start a:active { background-position: left -92px; }

span#menu_start a {	display:block; line-height: 46px; }

ul#topnav li .sub {
	position: absolute;	
	top: 46px; left: 10px;
	background: #FFFFFF;
	background-color: #f8f8f8\9; /* le  \9  est un hack pour cibler IE8, IE7 et IE6 */ 
	border-bottom: 1px solid #cbcbcb\9;
	border-left: 1px solid #cbcbcb\9;
	border-right: 1px solid #cbcbcb\9;
	padding: 10px 10px 10px;
	float: left;
	
	border-bottom-right-radius:		    10px;
	-moz-border-radius-bottomright:     10px;
	-khtml-border-radius-bottomright:   10px;
	-webkit-border-bottom-right-radius: 10px;
	
	border-bottom-left-radius:		    10px;
	-moz-border-radius-bottomleft:      10px;
	-khtml-border-radius-bottomleft: 	10px;
	-webkit-border-bottom-left-radius:  10px;
	
	box-shadow:0px 0px 5px #5a5a5a;
	-moz-box-shadow:0px 0px 5px #5a5a5a;
	-webkit-box-shadow:0px 0px 5px #5a5a5a;
	display: none;
	z-index: -10;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	background: none;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a, ul#topnav .sub ul li h2 a:hover {
	padding: 5px 0;
	background-image: none;
	color: #c10707;
}
ul#topnav .sub ul li h2 a:hover {
	background-image: none;
	text-decoration: underline;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0;
	height: auto;
	background: url(navlist_arrow.png) no-repeat 0px 10px;
	padding: 0 0 0 18px;
	margin: 0 10px;
	display: block;
	text-decoration: none;
	color: #757575;
	font-size:1.1em;
	text-shadow: none;
	border-bottom: 1px solid #e6e6d8;
	text-transform: none;
	line-height:27px;
}
ul#topnav .sub ul li a:hover {
	color: #c50a0a;
	background: url(navlist_arrow_hover.png) no-repeat 0px 10px;
	text-decoration: underline;
}

span.dd_action {
	height:6px;
	padding:0 0 0 10px;
	width:9px;
}

span.single_wrapper {
	float:left;
	margin:6px 10px;
	padding:0 15px;
}

span.single_wrapper:hover, li.current a span.single_wrapper {
	background: white;
	color: black;
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFFFFFFF, endColorstr=#FFe5e5e5);
	background-image: -moz-linear-gradient(	top, #FFFFFF, #e5e5e5);
	background-image: -webkit-gradient( linear,	left top, left bottom, from(#FFFFFF), to(#e5e5e5));
	
	border-radius: 	       7px; /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    7px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  7px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 7px; /* Propriété CSS3 pour navigateurs Webkit */
	
	box-shadow:         0px 0px 2px #343333; /* Propriété CSS3 */
	-webkit-box-shadow: 0px 0px 2px #343333; /* Propriété CSS3 pour Firefox */
	-moz-box-shadow:    0px 0px 2px #343333; /* Propriété CSS3 pour navigateurs Webkit */
}

span.single_wrapper:active {
	background: white;	
	color: black;
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFe5e5e5, endColorstr=#FFFFFFFF);
	background-image: -moz-linear-gradient(	top, #e5e5e5, #FFFFFF);
	background-image: -webkit-gradient( linear, left top, left bottom, from(#e5e5e5), to(#FFFFFF));
	
	border-radius:         7px;
	-moz-border-radius:    7px;
	-khtml-border-radius:  7px;
	-webkit-border-radius: 7px;
	
	box-shadow:         0px 0px 2px #343333;
	-webkit-box-shadow: 0px 0px 2px #343333;
	-moz-box-shadow:    0px 0px 2px #343333;
}

span.dd_wrapper {
	float:left;
	margin:6px 10px 0;
	padding:0 11px 6px 18px;
}

li.liSub a:hover span.dd_wrapper, li.liSub:hover a span.dd_wrapper {
	z-index:      100;
	background:   white;
	color: 		  black;
	border-top:   1px solid #e5e5e5;	
	border-right: 1px solid #989898;
	padding:	  0 10px 6px 18px;	
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#dfdfdf, endColorstr=#f8f8f8); /* Pour IE */
	background-image: -moz-linear-gradient(	top, #e5e5e5, #FFFFFF); /* Pour Firefox */
	background-image: -webkit-gradient( linear,	left top, left bottom, from(#e5e5e5), to(#FFFFFF)); /* Pour Webkit */

	border-top-right-radius:		 7px;
	-moz-border-radius-topleft: 	 7px;
	-webkit-border-top-left-radius:  7px;
	-khtml-border-radius-topleft: 	 7px;
	
	border-top-left-radius:		     7px;
	-moz-border-radius-topright: 	 7px;
	-webkit-border-top-right-radius: 7px;
	-khtml-border-radius-topright: 	 7px;
}