/* plan d'ensemble */
/*////////////////////////////////////////////////////////////////ensemble////////////////////////////////////////////////////////////////*/
* {
	margin:0px;
	padding:0px;
}
body {
	font-family:Verdana, Geneva, sans-serif;
	background:url(../images/COG_fondRepeat.jpg) repeat;
	background-attachment:fixed;
	overflow-x:hidden;
}
table {
	font-size:12px;
	table-layout:none;
	border:none;
	border-collapse:none;
	border-spacing:0px;
	display:table;
	margin-bottom:0;
	margin-top:0;
	text-indent:0;
}


a{
color:#4A7888;
text-decoration:underline;
}

a:hover{
color:#679CAD;
}



#ensembleTable {
	margin:0px auto;
	width:960px;
	height:auto;


}

#ensembleTable .imageFond {
	position:absolute;
	width:1290px;
	height:450px;
	margin-top:0px;
	margin-left:-160px;
	background:url(../images/COG_fond01.jpg) no-repeat top;


}
#ensembleTest {
	height:auto;
	
	width:960px;
	display:block;
	margin:0px auto;
	text-align:left;
	overflow:none;
	float:left;
}

#ensemble {
	height:auto;
	
	width:960px;
	display:block;
	margin:0px auto;
	text-align:left;
	overflow:none;
	float:left;
}



/*
.footer {

	background:url(../images/COG_blocFooter.png) no-repeat;
	width:930px;
	height:40px;

	display:block;
	position:relative;
	margin-left:4px;
	text-align:left;
	float:left;
}
#footer .menu_ensemble {
	height: 20px;
	width:624px;
	background: #F4D7A1;
	border:1px solid #E1A64D;
	font-size:12px;
	letter-spacing:1px;
	display:block;
	position:relative;
	margin-top:9px;
	margin-left:200px;
	text-align:center;
	z-index:20;
}
#footer .menu_ensemble a {
	text-decoration:none;
	color:#6C4D16;
	padding-left:10px;
	padding-right:10px;
	height: 20px;
	line-height:18px;
}
#footer .menu_ensemble a:hover {
	color:#93B5B1;
	
}
#bas {
	height:auto;
	width:1024px;
	height:36px;
	display:block;
	margin:0px auto;
	text-align:left;
	overflow:auto;
	float:left;
}
#bas .menu_ensemble {
	height: 24px;
	width:624px;
	background: #3A5A59;
	border:1px solid #476D6B;
	font-size:12px;
	letter-spacing:1px;
	display:block;
	position:relative;
	margin-top:3px;
	margin-left:200px;
	text-align:center;
	z-index:20;
}
#bas .menu_ensemble table {

height:100%;
width:100%;
}
#bas .menu_ensemble table td{
vertical-align:middle;
height:100%;
width:100%;
}
#bas .menu_ensemble a {
	text-decoration:none;
	color:#84B0AF;
	height: 20px;
	line-height:18px;
	cursor:pointer;
	display:inline-block;
}
#bas .menu_ensemble a:hover {
	color:#ffffff;
}

#bas a.bas{	
height:18px;
	width:18px;

	margin-left:10px;
	border:1px solid #A3ADB5;}

#bas .twitter {
	background:url(../images/twitter.gif) top;

}

#bas .twitter:hover {
	background:url(../images/twitter.gif) bottom;

}

#bas .facebook {
	background:url(../images/facebook.gif) top;
}

#bas .facebook:hover {
	background:url(../images/facebook.gif) bottom;
}
*/

/*////////////////////////////////////////////////////////////////////////PAGE TYPE//////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////header page type////////////////////////////////////////////////////////////////*/


#header {
	background:url(../images/COG_blocHeader.png) top left no-repeat;
	border:none;
	height: 75px;
	width:930px;
	margin-left:4px;
	display:block;
	position:relative;
	float:left;
	text-align:left;
	
}
.contenuGeneral {
	background:url(../images/COG_blocRepeat.png) repeat-y;
	border:none;
	height:auto;
	width:930px;
	margin-left:4px;
	display:block;
	position:relative;
	float:left;
	text-align:left;
	
}
#header .logo {
	background:url(../images/COG_logo.png) top right no-repeat;
	height: 56px;
	width:133px;
	display:block;
	position:absolute;
	z-index:800;
	margin-top:20px;
	margin-left:30px;
}
#header .decoGauche {
	background:url(../images/DGR_header_decoGauche.png) top left no-repeat;
	height: 180px;
	width:173px;
	display:block;
	position:absolute;
	z-index:30;
	margin-top:0px;
	margin-left:-80px;
}
#header .logo .texte {
	font-weight:bold;
	float:left;
	font-size:12px;
	color:#58827E;
	letter-spacing:2px;
	height: 18px;
	width:270px;
	display:block;
	position:relative;
	margin-top:122px;
	margin-left:60px;
}
/*////////////////////////////////////////////////////////////////menu_top page type////////////////////////////////////////////////////////////////*/
#header .menu_ensemble {
	height: 27px;
	width:500px;
	font-size:21px;
	display:block;
	position:absolute;
	margin-left:80px;
	text-align:left;
	margin-top:22px;
	letter-spacing:1px;
	z-index:20;
	

	
}

#header .menu_ensemble .boutonz {
	height: 24px;
	width:550px;
	position:relative;
	float:left;
	margin-left:120px;
	margin-top:1px;

	
}

/*//////////////////////////////////////////////////find emenu deroulant jquery///////////////////////////////////*/


/*/////////////////////////////////////////////////////:fin menu//////////////////////////////////////////////////////*/

#header .menu_ensemble .ombrage {
	height: 13px;
	width:1013px;
	position:relative;
	float:left;
	background:url(../images/DGR_header_repeat.png) repeat-x top;

	
}
#header .menu_ensemble a {
	text-decoration:none;
	color:#bbbbbb;
	padding-left:10px;
	padding-right:10px;
	height: 20px;
	line-height:18px;
	float:left;
}
/*////////////////////////////////////////////////boutons_langues page type/////////////////////////////////////////////*/
		#header .zone_btn_langue {
	height: 55px;
	width:155px;
	font-size:12px;
	letter-spacing:1px;
	text-align:left;
	background:url(../images/COG_menu_BtnSite.png) no-repeat;
	position:absolute;
		line-height:20px;
	margin-left:750px;
	margin-top:0px;
	padding:0px;
	text-indent:15px;
	text-decoration:none;
	line-height:45px;
	color:#ffffff;
	font-size:13px;
}


/*////////////////////////////////////////////////////////////bloc_contenu///////////////////////////////////////////////////////*/

.colonneGauche{
	width:704px;
	float:left;
	height:auto;

	
	
	}
	
.colonneDroite{
	width:305px;
	float:left;
	height:auto;
	margin-top:5px;

	
	
	}
	
	.titreSection {
	width:600px;
	height:auto;
	margin-right:40px;
	display:block;
	position:relative;
	float:right;
	color:#99CF15;
	text-align:right;
	font-size:21px;
	letter-spacing:2px;
	
}

.petitTitre{
	width:420px;
	float:left;
	margin-right:0px;
	margin-left:25px;

	
}


.contenu_gros {
	width:875px;
	height:315px;
	margin-left:30px;

	display:block;
	position:relative;
	float:left;
	text-align:left;
	background:url(../images/COG_home_cadreGrand.png) no-repeat;
}


.contenu_gros .zone_titre {
	width:473px;
	height:38px;
	background:url(../images/COG_home_cadreGrand_titreRep.png) repeat-x;
	display:block;
	position:relative;
	float:left;
	text-align:left;
	margin-top:15px;
}



.contenu_gros .zone_titre .middle {
	width:98%;
	height:38px;
	margin-left:0px;
	background:url(../images/COG_home_cadreGrand_titre.png) no-repeat;
	display:block;
	position:relative;
	float:left;
	color:#ffffff;
	font-size:21px;
	line-height:40px;
	text-indent:70px;
}

.contenu_petitAccueil {
	display:block;
	position:relative;
	float:left;
	text-align:left;
	margin-left:10px;
	margin-top:3px;
}

/*/ /////////////////////////////scallable zone de texte -----blocs accueil------//////////////////////////////////*/


.contenu_petitAccueil1 {
width:430px;

}

.contenu_petitAccueil .BordHorizontal{
	float:left;
	height:12px;
}
.contenu_petitAccueil .BordVertical{
	float:left;
	width:12px;
}

.contenu_petitAccueil .cadreLargeur{
width:400px;
}

.contenu_petitAccueil .cadreHauteur{
height:215px;
}

/*///////////////////////////////////fin d'elements à changer//////////////////////////////////*/



.marginBlocGauche{
margin-left:35px;



}


.contenu_petitAccueil .Coin{
	float:left;
	width:12px;
	height:12px;
}
.contenu_petitAccueil .Coin1{
	background:url(../images/COG_home_cadreMini_1.png) no-repeat;
}

.contenu_petitAccueil .Coin2{
	background:url(../images/COG_home_cadreMini_3.png) no-repeat;
}

.contenu_petitAccueil .Coin3{
	background:url(../images/COG_home_cadreMini_6.png) no-repeat;
}

.contenu_petitAccueil .Coin4{
	background:url(../images/COG_home_cadreMini_8.png) no-repeat;
}



.contenu_petitAccueil .BordHorizontal1{
background:url(../images/COG_home_cadreMini_2.png) repeat-x;
}

.contenu_petitAccueil .BordHorizontal2{
background:url(../images/COG_home_cadreMini_7.png) repeat-x;
}

.contenu_petitAccueil .BordVertical1{
background:url(../images/COG_home_cadreMini_4.png) repeat-y;
}

.contenu_petitAccueil .BordVertical2{
background:url(../images/COG_home_cadreMini_5.png) repeat-y;
}




.contenu_petitAccueil .cadreContenu{
float:left;
background:url(../images/COG_home_cadreGrand_repeat.gif) center repeat-x;
/*border:1px solid #D7D8DC;*/
}

.contenu_petitAccueil .elements{
position:absolute;
margin-top:0px;
margin-bottom:0px;

/*border:1px solid #D7D8DC;*/
}
.contenu_petitAccueil a {


}

.contenu_petitAccueil a .elements {
border:0px;


}

.contenu_petitAccueil a .elements:hover {
border:0px;

filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

}



.contenu_petitAccueil .titre{
margin-top:190px;
background:url(../images/COG_home_cadreMini_titre.png) no-repeat;
height:25px;
padding-left:20px;
padding-top:5px;
font-size:11px;
letter-spacing:1px;
color:#FFFFFF;
/*border:1px solid #D7D8DC;*/
}

.contenu_petitAccueil .bandeauNew{
margin-top:0px;
margin-left:350px;
background:url(../images/COG_home_cadrepiti_New.png);
height:50px;
width:50px;
}

.contenu_petitAccueilAccueil .zone_titre {
	width:90%;
	margin-left:5%;
	height:23px;
	background:url(../images/DGR_cadre2_lisere.gif) repeat-x;
	margin-top:5px;
	margin-bottom:5px;
	display:block;
	position:relative;
	float:left;
	text-align:left;
}
.contenu_petitAccueil .zone_titre .middle {
	width:auto;
	padding-right:10px;
	height:23px;
	position:relative;
	background:url(../images/dgr_FondMiddle.png) center;
	float:left;
	color:#863D1F;
	line-height:26px;
	margin-left:30px;
	text-indent:10px;
}

.zone_titre .middle h3 {
	font-size:20px;
	letter-spacing:2px;
	color:#fff;
	
}

.contenu_gros .screenshots{
	width:365px;
	height:285px;
	display:block;
	position:relative;
	float:left;

	margin-top:15px;
	margin-left:19px;
}

.contenu_gros .screenshots a.image img{
cursor:pointer;
border:none;
}


.contenu_gros .screenshots img{
position:absolute;
}

.contenu_gros .screenshots .bandeauBientot{
position:absolute;
background:url(../images/COG_bientot.gif);
width:63px;
height:62px;
margin-left:302px;

}


.contenu_gros .contenuTexte{
	width:433px;
	height:207px;
	padding:20px;

	display:block;
	position:relative;
	float:left;
	background:url(../images/COG_home_cadreGrand_repeat.gif) repeat-x bottom;

}
.contenu_petitAccueil .contenuTexte table object {
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;

	
	
	
	}
	

 .contenuTexte table {
	width:100%;
	height:100%;
	border:none;
	padding:none;
	border-collapse:separate;
	border-spacing:0px;
	text-align:left;
	color:#4E3810;
	line-height:16px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;

	

}
.contenuTexte table td {
	
	height:16px;
		vertical-align:top;
	
}
 .contenuTexte table .titre {
	font-size:13px;
	font-weight:bold;
	color:#58827E;
	text-align:left;
	
	font-family:"Bookman Old Style";
}

 .contenuTexte table .drapos {
	margin-top:5px;

}
.contenuTexte table .drapos img {
	float:left;
	margin-right:3px;
}

.contenuTexte table a{
	
	line-height:12px;
	font-family:Verdana, Geneva, sans-serif;

}
/*//////////////////////////////////////////////////////////////////contenu_texte Petit//////////////////////////////////////////////////////////*/
.contenu_petitAccueil .contenuTexte{
	width:90%;
	margin-left:5%;

	height:auto;
	display:block;
	position:relative;
	text-align:left;
	float:left;
	background:url(../images/DGR_cadre2_fond.gif) repeat;
	
}


/*//////////////////////////////////////////////////////////////////contenu_texte gros tres gros//////////////////////////////////////////////////////////*/
.contenu_grosTresGros .contenuTexte{
	width:950px;
	height:auto;
	display:block;
	position:relative;
	float:left;
	margin-left:15px;
	margin-bottom:10px;
}

/*////////////////////////////////////////////////////////////////////contenu_inscription///////////////////////////////////////////////////////////*/

/*/ /////////////////////////////scallable zone de texte -----blocs horizontal JEUX ------//////////////////////////////////*/


.contenu_JeuxHorizontal {
width:864px;

}

.contenu_petitAccueil .cadreLargeurJeux{
width:840px;
}

.contenu_petitAccueil .cadreHauteurJeux{
height:162px;
}

/*///////////////////////////////////fin d'elements à changer//////////////////////////////////*/


/*/ /////////////////////////////elements -----blocs horizontal JEUX ------//////////////////////////////////*/

.contenu_JeuxHorizontal .ZoneElements{
float:left;

}

.contenu_JeuxHorizontal .ZoneElements1{
width:545px;

}
a.longBandeau, a.longBandeau img{
text-decoration:none;
color:#FFFFFF;
border:none;


}








.contenu_JeuxHorizontal .ZoneTitre{

height:28px;
float:left;
background:url(../images/COG_Jeux_CadreHor_titre.png) no-repeat top left;
letter-spacing:1.5px;
font-size:17px;
line-height:27px;
color:#FFFFFF;
}

.contenu_JeuxHorizontal .ZoneTitre .title{
position:absolute;
margin:0px;

text-indent:40px;
height:28px;
width:302px;


}

.contenu_JeuxHorizontal .ZoneTitre .lien{
position:absolute;
text-align:right;
margin-left:410px;
padding-right:15px;

height:28px;

width:130px;

}

.contenu_JeuxHorizontal .ZoneTitre .lien a{
text-decoration:none;
color:#FFFFFF;
}

.contenu_JeuxHorizontal .ZoneTexte{
height:140px;
float:left;



}

.contenu_JeuxHorizontal table{
width:100%;
height:100%;
margin:0px;
padding:0px;
font-size:11px;

}

.contenu_JeuxHorizontal table td{
vertical-align:top;
padding-top:3px;


}
.contenu_JeuxHorizontal table td.content{
padding-left:6px;
line-height:15px;


}

.contenu_JeuxHorizontal table td img{
float:left;
margin:2px;
border:1px solid #494C60;

}



.contenu_JeuxHorizontal table .GrandeTd{
width:340px;
}



.contenu_JeuxHorizontal table .sousTitre{
background:url(../images/COG_Jeux_CadreHor_ssTitre.png) left repeat-y;
color:#98CC21;
font-weight:bold;
text-align:left;
line-height:20px;
text-indent:6px;
height:22px;
width:100%;
float:left

}



/*///////////////////////////////////fin d'elements à changer//////////////////////////////////*/

/*/////////////////////////////////jeu petit bloc/////////////////////////////////////////////////*/


.contenu_JeuxPetitBloc {
width:425px;

}

.contenu_petitAccueil .cadreLargeurPetitBloc{
width:399px;
background-position:bottom;

}

.contenu_petitAccueil .cadreHauteurPetitBloc{
height:320px;
overflow:auto;
}

.contenu_petitAccueil .cadreHauteurMiniBloc{
height:110px;
overflow:auto;
}
.contenu_petitAccueil .cadreLargeurMiniBloc{

background-position:center;
width:399px;
}



.contenu_petitAccueil .formulaire{
overflow:hidden;
}


.contenu_petitAccueil .cadreLargeurMiniBloc img {
	float:left;
	margin-right:4px;
	margin-top:3px;
	border:1px solid #3A5A59;
}

/*///////////////////////////////////fin d'elements à changer//////////////////////////////////*/


.contenu_JeuxPetitBloc table{
margin-left:5%;
margin-top:5%;
width:90%;

font-size:11px;
color:#000000;
}

.td_droits{
font-size:9px;
color:#666666;


}
.contenu_JeuxPetitBloc table td{
 vertical-align:top;
}

.contenu_JeuxPetitBloc table .infos{
width:220px;
}

.contenu_petitAccueil input[type="text"]{
background:url(../images/COG_jeu_formFond.gif) repeat-x top;
color:#666666;
border:1px solid #9BA1B0;
margin-bottom:2px;
font-size:11px;
width:125px;
}

.contenu_petitAccueil input[type="password"]{
background:url(../images/COG_jeu_formFond.gif) repeat-x top;
color:#666666;
border:1px solid #9BA1B0;
margin-bottom:2px;
font-size:11px;
width:125px;
}



.contenu_JeuxPetitBloc table h2{
font-size:11px;
margin:0px;
padding:0px;
color:#97D011;
font-weight:bold;
margin-bottom:3px;
margin-top:3px;
}

.contenu_JeuxPetitBloc table h3{
margin-top:5px;
margin-bottom:5px;
width:100%;
background:url(../images/COG_jeu_H3_repeat.gif) repeat-x;
height:3px;
}



/*/////////////////////////////////galerific babey!////////////////////////////////////////////////////*/
.contenu_gros .screenshots #slideshow{
	width:365px;
	height:285px;
	display:block;
	position:absolute;
	background:#ccc;
	margin-top:0px;
	text-align:left;

	
}
.contenu_gros .screenshots #slideshow img{
	border:0px;
	
	
	}
.contenu_gros .screenshots #thumbs {
	width:365px;
	height:25px;
	display:block;
	position:absolute;
	margin-top:260px;
	background:url(../images/COG_home_cadreGrand_titreRep.png) repeat-x;
	background-color:#339933;
	z-index:400;

}

.contenu_gros .screenshots #thumbs a{
	width:15px;
	height:15px;
	float:left;
	background:#244048;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	color:#dddddd;
}



.contenu_gros .screenshots #thumbs ul li{
	list-style:none;
	border:none;
	margin-right:4px;
	margin-left:4px;
	margin-top:5px;
	position:relative;
	float:left;
	
}

.contenu_gros .screenshots #thumbs ul li img{
	
}
/*////////////////////////////////////////////////////fin de Galerrrific babey////////////////////////////////*/

/*///////////////////////////////////////scallable boutons///////////////////////////////////////////////////////////////////////*/
.btn { 
		height:auto;
		width:auto;
		display:inline-block;
	
		
		}
		
		.btn .debut { 
		height:45px;
		background:url(../images/COG_btnCadreGrd_left.png) no-repeat;
		width:15px;
		float:left;
		
		}
		.btn .fin { 
		height:45px;
		background:url(../images/COG_btnCadreGrd_right.png) no-repeat;
		width:16px;
		float:left;
		
		}
.tdRight{
	
	text-align:right;
	
	
	}
		
.btn .milieu{	
background:url(../images/COG_btnCadreGrd_repeat.png) repeat-x;
		text-align:center;
		font-size:20px;
		height:30px;
		float:left;
	padding:5px; 
		padding-top:10px;
		padding-bottom:10px;
		color: #fff; 
		text-decoration: none; 
		cursor: pointer; }
		
		.btn .milieu a{	
		float:left;
		color: #fff; 
		text-decoration: none; 
		cursor: pointer; }
/*////////////////////////////////////////////zone bouton multisiste////////////////////////////////////////////*/
.bouton_multisite{
	height: 41px;
	width:120px;
	font-size:11px;

	display:block;
	position:absolute;
	margin-top:3px;
	margin-left:30px;
	text-align:left;
	z-index:20;
	font-family:"Trebuchet MS";
	font-weight:bold;
	background-position:right;
	background-repeat:no-repeat;
}
.bouton_multisite img{
	float:right;
	padding-top:2px;
	
}
#TexteTypeSite{
	left:-50px;

	position:absolute;
	text-align:right;
	width:100%;
}