/* Texte sur 1 colonne */

#container
{
	width: 100%;
	background-color: #FFF6A5;
	color: #333;
	border: none;
	background: url('/images/sitesACS/ClubCO2/filet_background.gif') #FFF6A5 repeat-x;
}

#content
{
	font-family: arial, helvetica, sans-serif;
  	font-size: 80%;
	margin-right: 205px;
	border: none;
	background: url("/images/sitesACS/ClubCO2/filet_texte.gif") repeat-y right;
	padding: 2em;
	padding-left: 90px;
	background-color: #FFFFFF;
	min-height:470px
}


#content_accueil
{
	font-family: arial, helvetica, sans-serif;
	border: none;
	padding: 1em;
	background-color: #FFFFFF;
}

div#colonnes {
	background:#FFFFFF;
	margin:0 auto;
	width:100%;
	min-height: 545px;
   	height: auto;
   _height: 585px; /* Hack IE */
}

#colonne_1 {
	padding-right:0px;
	float:left;
	width:50%;
}
	
#colonne_2 {
	padding-left:10px;
	width:100%;
	margin-left:50%;
}

html>body #colonne_2 {
	width:48%;
}

#colonne_1a {
	padding-right:0px;
	float:left;
	width:59%;
}
	
#colonne_2a {
	padding-left:10px;
	width:100%;
	margin-left:59%;
}

html>body #colonne_2a {
	width:57%;
}

/********************************************************/
/*                   Colonnes membres                   */
/********************************************************/

#colonne_M1 {
	padding-right:0px;
	float:left;
	width:30%;
}
	
#colonne_M2 {
	padding-left:10px;
	width:100%;
	margin-left:30%;
	margin-right:10%;
}

html>body #colonne_M2 {
	width:28%;
}

#footer
{
	clear: both;
	font-size: 10px;
	margin: 0;
	text-align:right;
	height:30px;
	color: #FB840E;
	background: url("/images/sitesACS/ClubCO2/filet_texte_.gif") repeat-y right;
	background-color: #FFF6A5;
	margin-right:205px;
	padding:11px;
	border: none;
}

#top
{
	height:143px;
	background-color: #FB840E;
	border: none;
	background: url("/images/sitesACS/ClubCO2/filet_header.gif") repeat-x;
	margin-right:216px;
}

/********************************************************/
/*      Blocs de la page : assimilé aux "frames"        */
/********************************************************/

#actus
{
	float: right;
	width: 205px;
	margin: 0;
	background-color: #FFF6A5;
}

/********************************************************/
/*             Images publications normales             */
/********************************************************/

.img-publication {
	float:right;
	clear:right;
	margin: 10px 10px 10px 10px !important; /* Hack FireFox */
	margin: 10px 10px 10px 35px; /* Pour IE */
}
.img-publication img{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #000000;
	padding:0px;
	margin: -5px 25px -10px 20px; /*Haut, Droit, Bas, Gauche*/
}

/********************************************************/
/*               Thème, Sous-thème et Titre             */
/********************************************************/

.theme {
    font-size: 12px;
  	color: #FB840E;
	height: 25px;
    background: url("/images/sitesACS/ClubCO2/puce_theme.gif") no-repeat left;
    background-repeat: no-repeat;
	text-indent: 30px;
	line-height: 25px;
	margin-right:30px;
	padding-left:10px;
}

.sous-theme {
    font-size: 11px;
	font-weight:bold;
  	color: #FB840E;
	height: 20px;
    background: url("/images/sitesACS/ClubCO2/puce_sous_theme.gif") no-repeat left;
    background-repeat: no-repeat;
	text-indent: 16px;
	line-height: 39px;
	margin-right:30px;
	margin-left:25px;
	padding-left:-10px;
	
}

.titre {
    font-weight:bold;
	font-size: 11px;
  	color: #666666;
	padding-top:10px;
}

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

.titre a:hover
{
	text-decoration: underline; 
	background-color:#FFF6A5;
	color: #666666;
}
/*ajout pour formulaire*/
div.bienvenue {
	float: left;
	width: 10.2em;
	height: 4em;
	position: relative;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	margin-top: 8px;
}
div.deconnexion {
	float: left;
	width: 10.2em;
	height: 2em;
	position: relative;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}

div.bandeau{
	float: left;
	/*width:31.3em;*/
	width: 500px;
	height: 71px;
	position: relative;
	background-image: url("/images/extranets/prevencol/bandeau-extranet_st.jpg");
	background-repeat: no-repeat;
	/*border:1px red solid;*/
}

div.outil{
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 30px;
	text-align: right;
	width: 11em;
	font-size: 11px;
   color: rgb(56, 55, 159);
   font-family: Arial,Helvetica,sans-serif;
	float: left;
	/*border:1px lime solid;*/
}
div.imprimer {
	background-image: url("/images/extranets/prevencol/print.gif");
	background-repeat: no-repeat;
	height: 1.6em;
}
div.pdf {
	background-image: url("/images/extranets/prevencol/pdf.gif");
	background-repeat: no-repeat;
	height: 1.6em;	
	/*border:1px red solid;*/
}
div.cale7px {
	float:left;
	width:800px;
	height:7px;
	margin:0;padding:0;
	background-color:#d8e2ee;
	position: absolute;
	top:74px;
	left:0;
	font-size:7px;
}
div.connexion {
	float: left;
	width: 12.6em;
	height: 10.6em;
	position: absolute;
	top: 100px;
	left: 8px;
	/*margin-right: 8px;*/
	/*background-image: url("/images/extranets/prevencol/bgcolor.gif");*/
	border: rgb(21, 45, 119);
	border-style: solid;
	border-width: 1px;
	background-color: rgb(216, 226, 238);
/*	border:1px lime solid;*/
}
div.connexiontitre {
	float: left;
	width: 12.7em;
	height: 1.3em;
	position: relative;
	/*background-image: url("/images/extranets/prevencol/bgcolor.gif");*/
	background-color: rgb(21, 45, 119);
	text-align: center;
	font-weight: bold;
   color: #ffffff;
/*	border:1px red solid;*/
}
div.form_cnx {
	float: left;
	width: 15em;
	height: 9em;
	position: relative;
	margin-top: 1.7em;
	/*padding-top: 1.7em;*/
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 2px;
/*	border:1px red solid;*/
}
input.champ_cnx {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 4px;
	margin-right: 2px;
/*	border:1px blue solid;*/
}
input.bouton_OK {
	float: right;
	width: 34px;
	height: 17px;
	position: relative;
	margin-right: 2px;
	margin-top: 0.4em;
}