*{
	margin:0;
	padding:0;
}

html, body{
	height: 100%;
}

body{
	color:#777;
	background: #e2e2e2;
	font:15px Calibri,Arial,sans-serif;
	
	/* Setting default text color, background and a font stack */
	color:#444444;
	font-size:13px;
	background: #e2e2e2;
	font-family:Arial, Helvetica, sans-serif;
	overflow-x:hidden;
	overflow-y:auto;
		
	/* CSS3 Radial Gradients 
	background-image:-moz-radial-gradient(center -100px 45deg, circle farthest-corner, #fff 150px, #e2e2e2 300px);
	background-image:-webkit-gradient(radial, 50% 0, 150, 50% 0, 300, from(#fff), to(#e2e2e2));
		*/
}

/* Styling the page */

#contenu{
	min-height: 100%; 
	position: relative;
}

#page_accueil{
	width:937px;
	margin:0px auto;
	padding: 70px 20px 0px 20px;
	margin-top: 0;
	background-color: #e2e2e2; 
}

#page{
	width:937px;
	margin:0px auto;
	padding: 70px 20px 0px 20px;
	margin-top: 0;
	background-color: #e2e2e2; 
	position:relative;
	margin-top:-575px;
	min-height: 500px; 
	background:url('../img/fond_up.png') no-repeat;
}

#topBar{
	background:url('../img/top_bar.jpg') no-repeat;
	height:41px;
	margin-bottom:15px;
}

#promoIMG{
	background:url('../img/cb2.png') no-repeat;
	height:682px;
	margin-bottom:15px;
	text-align:center;
}

#promoIMG img{
	margin-top:30px;
}

#contentArea{
	overflow:hidden;
	padding:10px;
}

#contentArea p{
	background-color:#FFFFFF;
	background:url('../img/fond_degrad.png');
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 0 0 1px;
	float:left;
	margin-right:10px;
	overflow:hidden;
	padding:10px;
	width:510px;
	
	-moz-box-shadow:1px 1px 0 #bbb;
	-webkit-box-shadow:1px 1px 0 #bbb;
	box-shadow:1px 1px 0 #bbb;
	
	/* CSS3 shadow */
	-moz-box-shadow:0 0 7px #222;
	-webkit-box-shadow:0 0 7px #222;
	box-shadow:0 0 7px #222;
}

#contentArea p img{
	float:left;
	margin:-15px 20px 0 0;
	
	
}

#backToTzine{
	background:url('../img/logo_cb_tag_360.png') no-repeat;
	float:right;
	height:260px;
	width:360px;
}



#promoIMG,
#contentArea p{
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;	
}






#container_in_titre {
	position:relative;
	top:7px;
	left:10px;
	font-family:"Myriad Pro",Verdana,Helvetica,sans-serif;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	text-shadow:1px 1px 0 #000;
	z-index: 0;
	color:#fff;
}







#contentAreaVs2{
	background-color:#FFFFFF;
	background:url('../img/fond_degrad.png');
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 0 0 1px;
	height:230px;
	width:484px;
	
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	-moz-box-shadow:0 0 4px #111;
	-webkit-box-shadow:0 0 4px #111;
	box-shadow:0 0 4px #111;
	
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
	
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
}





/* Hyperlink styles */

a, a:visited {
	text-decoration:underline;
	outline:none;
	color:#2993dd;
}

a:hover{
	/*border-bottom:1px dashed transparent;*/
	text-decoration:none;
}



a, a:visited {
	color:#2993dd;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

p{
	padding:10px;
	text-align:center;
}


h1.main{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:28px;
	font-weight:normal;
	margin-bottom:10px;
	text-shadow : 1px 2px 5px white;
}

h2.main{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	position:absolute;
	right:0;
	text-transform:uppercase;
	top:15px;
	text-shadow : 1px 2px 5px black;
}


h2{
	text-shadow : 1px 2px 5px white;
}



#liens{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	position:relative;
	right:0;
	text-transform:uppercase;
}

#container {
	display: block;
	margin: 0 auto;
	position: relative;
	width: 334px;
	background-color: White;
	padding: 5px 20px 0px 20px;
	/*border:1px solid #cacaca;*/
	
}
#container span {
	/*padding: 5px 20px 0px 20px;*/
	margin-top: 0;
	background-color: White;
}


div.containerin {
	padding: 0 0 0 0;
	margin: 0 auto;
	background-image: url(../img/peeloffin.png);
	background-position: left bottom;
	height: 45px;
	width: 400px;
}

div.containerend {
	padding: 0 0 0 0;
	margin: 0 auto;
	background-image: url(../img/peeloff.png);
	background-position: left bottom;
	width: 374px;
}












/* ribbon style */

 .ribbon-wrapper {
	position: relative;
}
  .ribbon-front {
	background-color: #2892DC;	height: 40px;
	width: 240px;
	position: relative;
	left:-20px;
	z-index: 2;
}

  .ribbon-front,
  .ribbon-back-left,
  .ribbon-back-right
{
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 40px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	left: -20px;
	border-color: transparent #0A60A2 transparent transparent;
}

  .ribbon-edge-topleft {
	top: -5px;
	border-width: 5px 10px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 10px 0px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 210px;
	border-color: transparent transparent transparent #0A60A2;
}

  .ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 10px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 5px 10px;
}

  .ribbon-back-left {
	position: absolute;
	top: -5px;
	left: -1010px;
	width: 1000px;
	height: 40px;
	background-color: #86C4F3;	z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: 5px;
	right: 626px;
	width: 100px;
	height: 40px;
	background-color: #72B7EC;	z-index: 0;
}









/* Page Styles */

#footer{
	background-color:#212121;
	position:fixed;
	width:100%;
	height:70px;
	bottom:0;
	left:0;
}

a.tzine,a.tzine:visited{
	background:url("../img/LogoCD2.png") no-repeat right top;
	border:none;
	color:#FCFCFC;
	font-size:14px;
	height:70px;
	left:50%;
	line-height:31px;
	margin:23px 0 0 110px;
	position:absolute;
	top:0;
	width:290px;
}

.tri{
	border-color:transparent transparent #212121;
	border-style:solid;
	border-width:20px 17px;
	height:0;
	left:50%;
	margin:-40px 0 0 -400px;
	position:absolute;
	top:0;
	width:0;
}







#content_ombre_et_arrondi_bas{
	background-color:#FFFFFF;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 0 0 1px;
	
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	-moz-box-shadow:0 0 8px #111;
	-webkit-box-shadow:0 0 8px #111;
	box-shadow:0 0 8px #111;
	
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
	
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
}






#footer_wrap {
	background: #2892DC url(../img/footer.jpg) repeat-x 0 0;
	position: absolute;
	width: 100%;
	bottom: 0;
}



#footer {
	background: #2892DC url(../img/footer.jpg) no-repeat 0 0;
	position: relative;
	width: 945px;
	height: 325px;
	margin: 0 auto;
}

.espace{
	padding-bottom: 310px;
}




#bouton_alx .bouton_alx 
{
	display: block;
	padding: 0;
	margin: 0;
	list-style: none!important;
	text-align: center!important;
	border: 0 none;
	outline: none;
}

#bouton_alx 
{ 
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif!important; 
	font-size: 13px!important; 
	color: #555; 
	width: 880px;
	margin: 0 auto; 
	clear: both;
}


#bouton_alx .bouton_alx 
{ 
	margin: 0 15px!important;
	/*	Font properties	*/
	font-size: 16px!important; 
	font-weight:bold; 
	text-shadow: 0 1px 0 #001525;
	text-shadow: 0 1px 0 rgba(0,0,0,0.75);
	text-align: center; 
	line-height: 30px;
	/*	Color properties	*/
	border: solid 1px #1C496A;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	outline: none;
	color: #fff; 
	/*	Firefox:	*/	
	background-image: -moz-linear-gradient(top, #F9AEAE, #F5422E);
	/*	Webkit (Safari 3+, Chrome):	*/	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F9AEAE), to(#F5422E));
	/*	IE8+:	*/	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9AEAE, endColorstr=#F5422E) progid:DXImageTransform.Microsoft.Shadow(color=#252525, direction=180,strength=2)";
	/*	Shadows	*/	
	-moz-box-shadow: 1px 2px 2px #272727;
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,0.55), 1px 2px 2px rgba(0,0,0,0.67);
    -webkit-box-shadow: 1px 2px 2px #272727;
    -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.67);
    box-shadow: 1px 2px 3px #272727;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.67);
}

#bouton_alx  .bouton_alx:hover
{
	/*	Firefox:	*/	
	background-image: -moz-linear-gradient(top, #00558E, #2892DC);
	/*	Webkit (Safari 3+, Chrome):	*/	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00558E), to(#2892DC));
	/*	IE8+:	*/		
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00558E, endColorstr=#2892DC) progid:DXImageTransform.Microsoft.Shadow(color=#252525, direction=180,strength=2)";
}

#bouton_alx  .bouton_alx:active
{
	/*	Firefox:	*/	
	background-image: -moz-linear-gradient(top, #004475, #00548D);
	/*	Webkit (Safari 3+, Chrome):	*/	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#004475), to(#00548D));
	/*	IE8+:	*/		
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#004475, endColorstr=#00548D)  progid:DXImageTransform.Microsoft.Shadow(color=#4e4e4e, direction=180,strength=2)";
	-moz-box-shadow: 1px 2px 2px #4D4D4D;
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,0.55), inset 0 2px 2px rgba(0,0,0,0.55), 1px 2px 2px rgba(255,255,255,0.18);
    -webkit-box-shadow: 1px 2px 2px #4D4D4D;
    -webkit-box-shadow: 1px 2px 2px rgba(255,255,255,0.18);
    box-shadow: 1px 2px 3px #4D4D4D;
    box-shadow: 1px 2px 3px rgba(255,255,255,0.18);
}

#bouton_alx .bouton_alx:link, 
#bouton_alx .bouton_alx:visited, 
#bouton_alx .bouton_alx:active, 
#bouton_alx .bouton_alx:hover {	text-decoration: none;	}



#bouton_alx2 .bouton_alx2 
{
	display: block;
	padding: 0;
	margin: 0;
	list-style: none!important;
	text-align: center!important;
	border: 0 none;
	outline: none;
}

#bouton_alx2 
{ 
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif!important; 
	font-size: 13px!important; 
	color: #555; 
	width: 880px;
	margin: 0 auto; 
	clear: both;
}


#bouton_alx2 .bouton_alx2 
{ 
	margin: 0 15px!important;
	/*	Font properties	*/
	font-size: 16px!important; 
	font-weight:bold; 
	text-shadow: 0 1px 0 #001525;
	text-shadow: 0 1px 0 rgba(0,0,0,0.75);
	text-align: center; 
	line-height: 30px;
	/*	Color properties	*/
	border: solid 1px #1C496A;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	outline: none;
	color: #fff; 
	/*	Firefox:	*/	
	background-image: -moz-linear-gradient(top,  #00558E, #2892DC);
	/*	Webkit (Safari 3+, Chrome):	*/	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00558E), to(#2892DC));
	/*	IE8+:	*/	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00558E, endColorstr=#2892DC) progid:DXImageTransform.Microsoft.Shadow(color=#252525, direction=180,strength=2)";
	/*	Shadows	*/	
	-moz-box-shadow: 1px 2px 2px #272727;
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,0.55), 1px 2px 2px rgba(0,0,0,0.67);
    -webkit-box-shadow: 1px 2px 2px #272727;
    -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.67);
    box-shadow: 1px 2px 3px #272727;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.67);
}

#bouton_alx2  .bouton_alx2:hover
{
	/*	Firefox:	*/	
	background-image: -moz-linear-gradient(top,#F9AEAE, #F5422E);
	/*	Webkit (Safari 3+, Chrome):	*/	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F9AEAE), to(#F5422E));
	/*	IE8+:	*/		
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9AEAE, endColorstr=#F5422E) progid:DXImageTransform.Microsoft.Shadow(color=#252525, direction=180,strength=2)";
}

#bouton_alx2  .bouton_alx2:active
{
	/*	Firefox:	*/	
	background-image: -moz-linear-gradient(top, #004475, #00548D);
	/*	Webkit (Safari 3+, Chrome):	*/	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#004475), to(#00548D));
	/*	IE8+:	*/		
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#004475, endColorstr=#00548D)  progid:DXImageTransform.Microsoft.Shadow(color=#4e4e4e, direction=180,strength=2)";
	-moz-box-shadow: 1px 2px 2px #4D4D4D;
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,0.55), inset 0 2px 2px rgba(0,0,0,0.55), 1px 2px 2px rgba(255,255,255,0.18);
    -webkit-box-shadow: 1px 2px 2px #4D4D4D;
    -webkit-box-shadow: 1px 2px 2px rgba(255,255,255,0.18);
    box-shadow: 1px 2px 3px #4D4D4D;
    box-shadow: 1px 2px 3px rgba(255,255,255,0.18);
}

#bouton_alx2 .bouton_alx2:link, 
#bouton_alx2 .bouton_alx2:visited, 
#bouton_alx2 .bouton_alx2:active, 
#bouton_alx2 .bouton_alx2:hover {	text-decoration: none;	}