/***********************************************/
/* Style Pages CoD-France Version 4            */
/***********************************************/

@import url("menu.css");

body{
	background-image:url("images/design_v4/background_v2.jpg");
	background-color: #000;
	background-position:center top;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #999;
	margin:0;
	padding:0;
}




/*************** DIV PRINCIPAUX ***************/
#conteneur{
	width: 990px;
	margin: auto;
}

#header {
	width: 990px;
	height: 150px;
	background-image: url("images/design_v3/header.gif") top center;
}

#header a:hover { outline: none; }

#top {
	width: 990px;
	height: 175px;
}

#contenu {
	width:990px;
	position: relative;
	margin: auto;
	background-image: url("images/design_v4/contenu_milieu.png");
}

#footer {
   clear:both;
   width: 740px;
   height: 70px;
   text-align: left;
   color: #999;
   margin: auto;
   margin-bottom: 10px;
   line-height: 15px;
   padding: 40px 0 0 250px;
   font-size: 10px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-image: url("images/design_v4/footer.jpg");
   background-repeat: no-repeat;
}

#footer a{text-decoration: none; color: #33cc00;}
#footer a:hover{text-decoration: underline;}






/*************** DIV BLOC TITRE ***************/
.titre_gauche {
	background:url('images/design_v4/blocs/titre/bloc_titre_1.jpg') no-repeat;float:left;
	height:30px;
	width:10px;}

.titre_milieu{
	background-image: url('images/design_v4/blocs/titre/bloc_titre_2.jpg');
	background-repeat: repeat-x;
	height:30px;
	float:left;
	overflow:hidden;
	padding-top: 0px;
}

.titre_droite {
	background:url('images/design_v4/blocs/titre/bloc_titre_3.jpg') no-repeat;float:left;
	height:25px;
	width:50px;}

.titre_coin {
	background:url('images/design_v4/blocs/titre/bloc_titre_5.jpg') no-repeat;float:right;
	height:30px;
	width:5px;}





/*************** DIV ZONE GAUCHE GRANDE***************/

#gauche-gr {
	width: 950px;
	margin-left: 20px;
}

#titre-gauche-gr {
	width:950px;
	float: left;
	height:30px;
	line-height: 30px;
	vertical-align: center;
	background-image: url("images/design_v4/blocs/titre/bloc_titre_4.jpg");
}

#contenu-gauche-gr {
	width:932px;
	background-image: url("images/design_v4/blocs/950px_full/bloc_950px_milieu.jpg");
	text-align: justify;
	padding: 3px 9px 3px 9px;
	float: left;
}

#contenu-gauche-gr-bis {
	width:946px;
	background-image: url("images/design_v4/blocs/950px_full/bloc_950px_milieu.jpg");
	text-align: justify;
	padding: 0 0 0 4px;
	float: left;
}

#bas-gauche-gr {
	width:950px;
	height:10px;
	background-image: url("images/design_v4/blocs/950px_full/bloc_950px_bas.jpg");
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 10px;
}


#espace-tv {
	width: 950px;
	margin-top:0;
	padding-top: 10px;
	margin-left: 20px;
}

#tv-top {
	background-image: url("images/design_v4/tv_top.png");
	width: 950px;
	height: 19px;
}

#tv-contenu {
	background-image: url("images/design_v4/tv_contenu.png");
	width: 950px;
	height: 560px;
}

#tv-player {
	width: 740px;
	padding-left: 40px;
}

#tv-menu {
	float: right;
	margin-right: 40px;
	width: 120px;
	text-align: center;
}

#tv-menu img {padding-bottom: 15px;}
#tv-player p {margin:0; padding-top: 3px; font-size: 11px;}

#vod-player {
	width: 560px;
	padding-left: 40px;
}

#vod-menu {
	float: right;
	margin-right: 40px;
	width: 300px;
	text-align: left;
	border: 0px solid #fff;
}

#vod-player p {margin:0; padding-top: 3px; font-size: 11px;}

#tv-bas {
	background-image: url("images/design_v4/tv_bas.png");
	width: 950px;
	height: 19px;
}






/*************** DIV ZONE GAUCHE ***************/
#gauche {
   width: 640px;
   padding-top: 10px;
   -padding-top:0; /*Uniquement pour IE6*/
   margin-left: 20px;
   margin-top:0;
   background: transparent;
}

#titre-gauche {
	width:640px;
	height:30px;
	line-height: 30px;
	float: left;
	vertical-align: center;
	background-image: url("images/design_v4/blocs/titre/bloc_titre_4.jpg");
	border: 0px solid #FF0000;
}

#contenu-gauche {
	width:622px;
	background-image: url("images/design_v4/blocs/640px_milieu-guides/bloc_640px_milieu.jpg");
	text-align: justify;
	padding: 3px 9px 3px 9px;
	float: left;
}
#contenu-gauche-bis {
	width:636px;
	background-image: url("images/design_v4/blocs/640px_milieu-guides/bloc_640px_milieu.jpg");
	padding: 0 0 0 4px;
	float: left;
}

#bas-gauche {
	width:640px;
	height:10px;
	background-image: url("images/design_v4/blocs/640px_milieu-guides/bloc_640px_bas.jpg");
	background-repeat: no-repeat;
	float: left;
}

#bas-gauche-bis {
	width:625px;
	height:11px;
	background-image: url("images/design_v4/blocs/640px_milieu-guides/bloc_640px_bas.jpg");
	background-repeat: no-repeat;
	margin-bottom:10px;
}

.auteur {
	text-align: right;
	font-size: 11px;
	color: #666666;
	margin-bottom: 10px;
}

.lien_coms {
	padding:0;
	margin:0;
}

.lien_coms li{
	display: inline;
	background-image: none;
	padding:0;
}

.lien_coms a { color: #bd7819; text-decoration: none; border: 1px solid #666; background-color: #000; padding: 3px;}
.lien_coms a:hover {color: #33cc00; text-decoration: none; border: 1px solid #33cc00; background-color: #000;  padding: 3px;}






/*************** DIV ZONE DROITE ***************/
#droite {
   float: right;
   width: 300px;
   right: 20px;
   /margin-top: 10px;
   position: relative;
}

#titre-droite {
	width:300px;
	height:30px;
	line-height: 30px;
	vertical-align: center;
	background-image: url("images/design_v4/blocs/titre/bloc_titre_4.jpg");
}

#contenu-droite {
	width:282px;
	background-image: url("images/design_v4/blocs/300px_gauche-accueil_droite-guides/bloc_300px_milieu.jpg");
	text-align: justify;
	padding: 3px 9px 3px 9px;
}

#contenu-droite-bis {
	width:290px;
	background-image: url("images/design_v4/blocs/300px_gauche-accueil_droite-guides/bloc_300px_milieu.jpg");
	text-align: justify;
	padding: 0 5px 0 5px;
}

#guide img{ border: 2px solid #666; padding: 2px;  }
#guide a img { border: 2px solid #666; padding: 2px;  }
#guide a:hover img { border: 2px solid #33cc00; padding: 2px;  }

#guide {background: transparent;}

#bas-droite {
	width:300px;
	height:10px;
	background-image: url("images/design_v4/blocs/300px_gauche-accueil_droite-guides/bloc_300px_bas.jpg");
	margin-bottom: 10px;
	background-repeat: no-repeat;
}

#droite-pub {
	margin-bottom: 10px;
}

.menu_guide {
	margin:0;
	font-weight: bold;
	padding: 0;
}

.menu_guide li {
	margin: 0;
	padding: 0;
	background-image: none;
	display:inline; /*POUR IE*/
}

.menu_guide a { 	
	display: block; 
	color: #999; 
	text-decoration: none;
	font-size: 13px; 
	padding: 3px 0 3px 13px; 
	border-bottom: 1px dotted #666;
	background-image: url(images/design_v4/puce_menudroite.gif);
	background-position: left center;
	background-repeat: no-repeat;
	/padding-left: -10px;
}
.menu_guide a:hover { 
	color: #33cc00;
	font-size: 13px; 
	text-decoration: none; 
	background-color: #000; 
	opacity : 0.5;
	filter : alpha(opacity=50);
	border-bottom: 1px dotted #666; 
	outline: none;
}








/*************** DIV ZONE GAUCHE TEAM ***************/
#gauche-teams {
   width: 300px;
   margin-left: 20px;
   float: left;
   margin-top: 10px;
}

#titre-gauche-teams {
	width:300px;
	height:30px;
	line-height: 30px;
	vertical-align: center;
	background-image: url("images/design_v4/blocs/titre/bloc_titre_4.jpg");
}

#contenu-gauche-teams {
	width:282px;
	background-image: url("images/design_v4/blocs/300px_gauche-accueil_droite-guides/bloc_300px_milieu.jpg");
	text-align: justify;
	padding: 3px 9px 3px 9px;
}


#bas-gauche-teams {
	width:300px;
	height:10px;
	background-image: url("images/design_v4/blocs/300px_gauche-accueil_droite-guides/bloc_300px_bas.jpg");
	margin-bottom: 10px;
	background-repeat: no-repeat;
}








/*************** DIV ZONE MILIEU TEAM ***************/
#milieu-teams {
   width: 300px;
   position: relative;
   float: right;
   right: 0px;
   margin-top: 10px;
}

#titre-milieu-teams {
	width:300px;
	height:30px;
	line-height: 30px;
	vertical-align: center;
	background-image: url("images/design_v4/blocs/titre/bloc_titre_4.jpg");
}

#contenu-milieu-teams {
	width:282px;
	background-image: url("images/design_v4/blocs/300px_gauche-accueil_droite-guides/bloc_300px_milieu.jpg");
	text-align: justify;
	padding: 3px 9px 3px 9px;
}


#bas-milieu-teams {
	width:300px;
	height:10px;
	background-image: url("images/design_v4/blocs/300px_gauche-accueil_droite-guides/bloc_300px_bas.jpg");
	margin-bottom: 10px;
	background-repeat: no-repeat;
}







/*************** DIV ZONE PUCE ***************/
li {
	list-style-type: none;
	list-style-image: none;
	padding:0;
	margin:0;
	margin-left: 1px;
	padding-left: 10px;
	background-image: url(images/design_v4/puce.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


#lien_suite {
	background-image: url(images/design_v4/puce.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 10px;
	padding-left: 10px;
}

#lien_suite a {color:#bd7819; text-decoration: none; font-weight: bold;}
#lien_suite a:hover {color:#bd7819; text-decoration: underline; font-weight: bold;}

/*************** DIV ZONE FORMULAIRE ***************/
select,
input,
textarea {
    background-color: #000;
	border: 1px solid #333;
	color: #666;
}

.cachediv {
	display: none;
	height: 1px;
	margin-top: -1px;
	position: absolute;
}

.erreur {
	background-color: #f4e7ea;
	border: 1px solid #986265;
	padding: 3px;
	color:#992a2a;
	font-weight: bold;
}







/*************** DIV ZONE HABILLAGE H ***************/
h1{
   font-family:Arial, Helvetica, sans-serif;
   font-size:16px;
   color: #dde7dc;
   margin-top:0px;
}
h2{padding: 5px 0 0 10px; font-size: 16px; font-variant: small-caps; color: #bd7819; border-bottom: 1px solid #bd7819; margin:0 0 5px 0;}
h4{margin-bottom:2px; padding: 3px; font-size: 16px; background-color: #333333; color: #999; border-left: 2px solid #33cc00;}
h4 a,
h2 a{color: #d0e5a9; text-decoration: none;}
h4 a:hover,
h2 a:hover{text-decoration: underline;}

h3 {
	width: 565px;
	margin-left: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 3px;
	font-size:11px;
}

.h3_fonce {
    background-color: #9a9a9a;
}

.h3_clair {
	background-color: transparent;
}

h3 a,
h5 a{color: #33cc00; text-decoration: none; font-size:12px;}
h3 a:hover,
h5 a:hover{text-decoration: underline; font-size:12px;}

h5 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 3px;
	font-size:11px;
}

.h5_fonce {
  background-color: #222;
}

.h5_clair {
background-color: transparent;
}

.auteur_fonce {
  	background-color: #222;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 3px;
	border: 1px solid #666;
	border-top: 1px dashed #666;
}

.auteur_clair {
	background-color: transparent;
	margin-top: 0;
	margin-bottom: 0px;
	padding: 3px;
	border: 1px solid #666;
	border-top: 1px dashed #666;
}




/*************** DIV ZONE LIENS ***************/
a{text-decoration: none; color: #33cc00; text-decoration: underline;}
a:hover,a:focus,a:active{text-decoration: none; text-decoration: none; outline: none;}

.liens_news a img {border: 2px solid #666; padding: 2px;}
.liens_news a:hover img {border: 2px solid #33cc00; padding: 2px;}





/*************** CITATIONS COMMENTAIRES ***************/
.citation {
	background: transparent;
	border-bottom: 0;
	color: #cc6600;
	font-weight: bold;
	font-style:normal;
	font-size: 11px;
	margin: 2px auto 0 0;
	padding : 0px 3px 0px 4px;
}

.blockquote{
	background: transparent;
	border-left: 3px solid #cc6600;
	border-top: 0;
	color: #666;
	font-size: 11px;
    font-style:italic;
	padding: 4px;
	padding-left : 8px;
    padding-top: 0;
	margin: 0 auto 0 10px;
}

.quotemain a:link,
.quotemain a:visited,
.quotemain a:active{
	color: #ccc;
	text-decoration: underline;
}

.quotemain a:hover{
	color: #ccc;
    text-decoration: none;
}



/*************** DIV VIDEOS ET IMAGES***************/
#slideshow {
	margin:0;
	width:289px;
	height:100px;
	margin-left: 647px;
	padding-top: 19px;
	padding-left: 0px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}

#slideshow #slidesContainer {
  margin:0 auto;
  padding: 0px;
  width:237px;
  height:100px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:280px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:100px;
  
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:30px;
  height:100px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#navDiapo{
	display:block;
	width:20px;
	height:100px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;

}
#leftControl {
  top:10px;
  left:0;
  background:transparent url(http://www.cod-france.com/images/design_v4/addbkwd.png) no-repeat 0 0;
}
#rightControl {
  top:10px;
  right:0;
  background:transparent url(http://www.cod-france.com/images/design_v4/addfwd.png) no-repeat 0 0;
}

.galerie a{
	margin: 0;
	display: inline;
	float: left;
	width: 230px;
	text-align: center;
	border: 1px solid #464646;
	opacity : 0.5;
	filter : alpha(opacity=50);
	background-color: #000000;
}

.galerie a:hover {border: 1px solid #33cc00; opacity : 0.9; filter : alpha(opacity=100);}





/*************** SLIDER GUIDE ***************/
#gallery_container {float: right; width:280px ; height:94px ; margin: 12px; display:block; position:relative; }
#thumb_container{ position:relative ; overflow:hidden ; width:0px ; border: 0px solid #FF0000; height:94px ; margin:0px auto 0px; background:transparent; padding:7px 0px 0px;}
#thumbs { white-space:nowrap; display:block; position:relative; }

#thumbs a { padding:0px; margin:0px; }
#thumbs a img{ border:1px #333333 solid;  }

.addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:101px; top:0px; right:0px; background:url(images/design_v4/addfwd.png) no-repeat;  }
.addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:101px; top:0px; left:0px; background:url(images/design_v4/addbkwd.png) no-repeat;  }




/*************** DIV NEWS ***************/

#posts {
        padding:0;
        margin: 0;
    }
    #posts li {
    	width: 615px;
		height: 91px;
    	border: 0px solid #eee;
    	background-color: #000;
		opacity : 0.5;
		filter : alpha(opacity=50);
        background-image: none;
    	float: left;
        clear: both;
        list-style: none;
        margin: 0 0 5px 0;
        padding: 3px;
		font-size: 11px;
		cursor: pointer;
		font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    #posts a {
        display: block;
		text-decoration: none;
    }
    #posts li:hover{
        text-decoration: none;
        color: #999;
		opacity : 0.7;
		filter : alpha(opacity=70);
		background-image: url(images/design_v4/fond_news_.png);
    }

    #posts h2 {
        padding: 5px 0 5px 95px;
        margin: 0;
        color: #33cc00;
        font-size: 16px;
		border:0;
		font-variant: normal;
		font-family:Arial;
    }
	
    #posts p {
        padding-left: 0px;
		margin-top:0;
		margin-left: 0px;
    }

	.post_img {
		position: relative;
		width: 90px;
		height: 90px;
		float: left;
		margin-right: 5px;
	}
	.post_img a span{
		position: absolute;
		background: url(images/calque_news.png);
		display: block;
		width: 90px;
		height: 90px;
		bottom: 0;
		right: 0;
	}

	.post_img a:hover span {
		position: absolute;
		display: block;
		width: 90px;
		height: 90px;
		bottom:0;
		right:0;
		background: url(http://www.cod-france.com/images/calque_news.png);
	}