@import "reset.css";

/************************************************* 
/					HTML
*************************************************/

body {
	color: #333;	
	font: 65.5%/1.5 Helvetica, Arial, sans-serif;
	margin: 0 auto; 
	text-align: center;
}
a			{ color: red; }
a:link		{ color: red; }
a:visited	{ color: red;}
a:focus		{ color: red; }
a:hover 	{ text-decoration: underline; color: red; }
a:active	{ color: red; }



/************************************************* 
/					UTILITAIRES
*************************************************/

.floatleft		{ float: left; }
.floatright		{ float: right; }
.floatnone		{ float: none; }
.clearboth		{ clear: both; }
.clearhidden	{ overflow: hidden; /* ie.css */}
.clearfix:after	{ /* ie.css */
				  content: ".";
				  display: block;
				  height: 0;
				  clear: both;
				  visibility: hidden;
				}
.hide			{ display: none; }



/************************************************* 
/					DOCUMENT
*************************************************/

#container {
	width: 617px;
	height: 513px;
	background: transparent url(/image/template/zone_visiteur/cio/bg.png) no-repeat;
	text-align:left;
	margin: 0 auto; 
}

#text_haut{
	width:617px;
	height:160px;
	margin-top:140px;
}

#text_left1{
	width:280px;
	height:150px;
	margin-left:20px;
}

#text_right1{
	width:260px;
	height:150px;
	margin-left:20px;
}

h1 {
	margin: 5px 0 0 5px;
	color: red;
	font-size:16px;
	text-transform: uppercase;
	font-family:arial;
}

h2{
	margin:0 10px 0 5px;
	font-family:arial;
	color: white;
	text-decoration:none;
	font-size:12px;
}

#inscription{
	width:617px;
	height:130px;
	margin-top:20px;
	display:block;
}

#connexion{
	width:617px;
	height:130px;
	margin-top:20px;
	display:none;
}

.text_left2{
	width:290px;
	height:120px;
	margin-left:10px;
}

.text_right2{
	width:270px;
	height:120px;
	margin-left:10px;

}

#mail{
	width:500px;
	height:25px;
	margin-top:5px;
	margin-left:80px;
	color:white;
}

#boutons{
	width:500px;
	height:26px;
	margin-left:60px;
	margin-top:7px;
	text-decoration:none;
}

/*onglet*/
.bt_rouge{
	width:162px;
	height:22px;
	background: transparent url(/image/template/zone_visiteur/cio/bt_rouge.png) no-repeat;
	border-style:none;
	cursor:pointer;
	float:left;
	text-decoration:none;
}

.bt_noir{
	width:162px;
	height:22px;
	background: transparent url(/image/template/zone_visiteur/cio/bt_noir.png) no-repeat;
	border-style:none;
	cursor:pointer;
	float:left;
	text-decoration:none;
}

h3{
	text-align:center;
	font-family:arial;
	color: white;
	text-decoration:none;
	font-size:13px;
}

/* formulaire*/
#email{
	margin-left:31px;
	margin-top:5px;
	color:#FFFFFF;
}

#pseudo{
	margin-top:10px;
	margin-left:27px;
	color:#FFFFFF;
}

#passe{
	margin-top:5px;
	color:#FFFFFF;
}

.formulaire{
	width:250px;
	margin-top:5px;
}

.identifiants{
	margin-left:170px;
}


#validation{
	width:100px;
}

.bt{
	margin-left:134px;
	margin-top:5px;
}

.ok{
	margin-left:66px;
}

/* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	#boutons{
		margin-top:7px;
	}
}