img, div, input { behavior: url("/themes/ccivr/modules/iepngfix/iepngfix.htc") }

body{
	color:#003d59;
	font-size:12px;
	font-family:Tahoma, "Trebuchet MS";
	padding:0px;
	margin:0px;
	background: #c7dfeb url(/themes/ccivr/grafx/bg.jpg) top center repeat-x;
	}	

fieldset{
	border-top:0px dotted #828282;
	border-right:0px dotted #828282;
	border-bottom:0px dotted #828282;
	border-left:0px dotted #828282;
	padding-top: 15px;
	}

label {
	font-weight:bolder;
	float:left;
	clear:left;
	}
	
ul li{
	text-align:left;}	
	
#adress{display:none;}
.print{display:none;}

fieldset .maxlength {
	color:#5698D0;
	border: 1px solid #7c9eb9;
	}	
	
fieldset textarea {
	width:210px;
	height: 100px;
	color:#5698D0;
	background-color:#FFFFFF;
	border: 1px solid #7c9eb9;
	}		
	
fieldset .middleColumn{
	float:left;
	clear:left;
	}
	
div .Actions{
	padding-left:10px;
	background-color:#FFFFFF;
	}	
		
#Form_EditForm .action{
	color:#FFFFFF;
	border: 1px solid #14223f;
	background-color:#809fbc;
	}
	
#Form_EditForm .Action :hover{
	color:#FFFFFF;
	border: 1px solid #33FF00;
	background-color:#6687aa;
	}	

	
form.searchForm input{ float:left; display:inline; margin:2px 0 2px;}
form.searchForm label{text-align:left; width:250px; float:left; display:inline; clear:left; margin:4px 0 2px;}
	
table td{
	font-size:12px;}
	
#tableau{
	border: 0px solid #d2d2d2;
	border-collapse: collapse;
	background-color:#FCFCFC;
	}
	
#tableau td{
	padding:2px;
	}
	
	
#tableau th{
	background-color:#126ca0;
	color:#FFFFFF;
	height:10px;
	}			

#tableau h3{
	font-size:14px;
	color:#FFFFFF;
	padding:5px;
	margin:0px;
	line-height:13px;
	}
	
.border{
	border: 1px solid #;
	}	
	
pre{
	color:#5698d0;
	font-family:Tahoma, "Trebuchet MS";
	line-height:12px;
	padding: 0px;
	margin:0px;
	}
	
img {
	border: 0px;
	}
	
#photo, #photos, .photo, .photos{
	padding:0px;
	margin:0 15px 0 15px;
	border: 1px solid #14223f;
	}	


hr {
	border:1px dotted;
	height:1px;
	color:#828282;
	}
	
.left {
	float:left;
	}
	
	
.center {
	position:relative;
	width:600px;
	margin-left: auto;
	margin-right: auto;
	}
		
p {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	}	

#Layout li{	
	list-style:square;
	/*color:#2c6a4b;*/
	color:#028486;
	margin:0px;
	padding:0px;
	}


#siteMap ul{margin-top:10px; margin-bottom:30px;}
#siteMap ul ul{margin-top:5px; margin-bottom:15px;}
#siteMap ul ul ul{margin-top:5px; margin-bottom:15px;}
#siteMap li{margin-top:10px; margin-bottom:10px;}
#siteMap li li{margin-top:5px; margin-bottom:0px;}
#siteMap li li li{margin-top:5px; margin-bottom:0px;}
#siteMap li a{ border-bottom: 1px dotted; font-weight:bold; display:block; padding:2px; text-decoration:none; text-transform: uppercase;}
#siteMap li li a{ border-bottom: none;  font-weight:bold; display:block; font-size:0.9em; text-transform: none; color:#366A54;}
#siteMap li li li a{ border-bottom: none; font-weight:normal; display:block; font-size:0.9em; text-transform: none; color:#335A96;}



#Form_EditForm ul.tabstrip li {	
	list-style:none;
	}	

a {
	color:#04577f;
	/*color:#335a96;*/
	text-decoration:underline;
	}

a:hover {
	color:#116ca1;
	/*color:#4982d7;*/
	text-decoration:underline;	
	}	
	
input.text, textarea{padding:2px 2px 0 18px; line-height:20px; color:#5d7ea1;	background: #fff url(/themes/ccivr/grafx/inputTextBackground.gif) top left no-repeat; border:1px solid #7C9EB9;}
input.text{height:20px; line-height:20px;}
input.select , option{height:20px; line-height:20px;}
input.button {background:#14B3DB; padding:0px 5px 0px 5px; border:1px solid #065A86; color:white;}
input.button:hover {background:#369bd6; padding:0px 5px 0px 5px; border:1px solid #065A86;}
label {
	}	

textarea  {
	width: 400px;
	height: 150px;
	font-size:13px;
	font-family:Verdana, Tahoma, "Trebuchet MS";
	}	

.clear{	clear:both;	float:none;	line-height:0px;}

#transparent{
	filter: alpha(opacity=50); /* Pour Internet Explorer */
	-moz-opacity: 0.5; /* Pour Mozilla */
	opacity: 0.5; /* Pour les standards CSS3 */
	}	

#conteneur{ 
	position:relative;
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	}	

#entete{
	padding: 0px 10px 10px 10px;
	height: 179px;
	background-color:#FFFFFF;
	}	

#logo{
	position:relative;
	top: 0px;
	float:left;
	padding-right: 10px;
	}	

#logo .screen{display:block;}
#logo .print{display:none;}

	#top{
		width: 728px;
		float:right;
		margin-bottom: 8px;
		padding:8px 0px 7px 0px;
		border-bottom: 1px dotted #828282;
		}
		
	#quickmenu{
		color:#1f396c;
		font-size:11px;
		float:right;
		padding: 0px 5px 0px 0px;
	}	
		
		a.quickmenu{
			color:#22396b;
			text-decoration:none;
		}	
		
		a.quickmenu:hover{
			color:#14223f;
			text-decoration:none;
		}		
		
		#ajustement, a.quickmenu{
			padding: 0px 5px 0px 5px;
		}		
		
		
	#accessibilite{
		padding: 0px 5px 0px 14px;
		float:right;
		line-height:0;
		}
		#accessibilite a{line-height:0px;}
		#accessibilite a img{line-height:0px;}
		#accessibilite-contenu{
			color:#807b5e;
			font-size:11px;
			float:left;
			line-height:12px;
			}	
		
		a.accessibilite{
			color:#7e9cba;
			
			}
			
		a.accessibilite:hover{
			color:#14223f;
			text-decoration:none;
			
			}	
			
		#accessibilite-icon-moins, #accessibilite-icon-plus, 
		#accessibilite-icon-texte{
			padding: 0px 1px 0px 1px;
			float:left;
			}	
			
		#accessibilite-icon-point{
			padding: 0px 5px 0px 5px;
			float:left;
			}	
				
		#accessibilite-icon-print {
			position:relative;
			top:-3px;
			padding: 0px 0px 5px 10px;
			float:left;
			}		
		
	#banniere{
		position:relative;
		top: 0px;
		left: 0px;	
		float:right;
		width:728px;
		height:90px;
		z-index: 9997;
		}	
	
	#conexion{
		position:absolute;
		top: 144px;
		left: 263px;
		width:727px;
		height:32px;
		border-top:1px dotted #828282;
		border-bottom:1px dotted #828282;
	}	
	
	.conexion{
		font-size:10px;
		color:#1d5180;
		}
			
		#conexion-titre{
			position:relative;
			top: 8px;
			padding: 0px 4px 0px 0px;
			float:left;
		}
		
		#conexion-texte{
			position:relative;
			top: 10px;
			float:left;
		}
		
		#conexion-input{
			position:relative;
			top: 6px;
			float:left;
		}
		
		.conexion-input{
			width:115px;
			}
				
		#conexion-checkbox{
			position:relative;
			top: 7px;
			float:left;
		}
			
		#conexion-texte, #conexion-input{
			padding: 0px 2px 0px 2px;
		}
		
		#conexion-bouton{
			position:relative;
			float:left;
			}
		
		.conexion-bouton{
			width:70px;
			color:#FFFFFF;
			font-size:10px;
			margin:0;
			padding:2px;
			text-transform:uppercase;
			border: 1px solid #065a86;
			background-color:#14b3db;
			cursor : pointer;
			}
			
		.conexion-bouton:hover{
			background-color:#369bd6;
			cursor : pointer;
			}		
			
		#deconexion-titre{
			position:relative;
			top: 8px;
			padding: 0px 4px 0px 0px;
			float:left;
		}
		
		#deconexion-texte{
			position:relative;
			top: 10px;
			float:left;
			padding: 0px 2px 0px 2px;
			font-size:11px;
		}
		
		#deconexion-lien{
			position:relative;
			top: 10px;
			float:left;
			padding: 0px 10px 0px 10px;
		}
		#deconexion-lien a{
			font-size:11px;
		}
		
		#deconexion-bouton{
			position:relative;
			float: right;
			top: 6px;		
			}
		
		.deconexion-bouton{
			width:89px;
			height:20px;
			color:#FFFFFF;
			font-size:12px;
			border: 1px solid #1c5180;
			background-color:#809fbc;
			}
			
		.deconexion-bouton:hover{
			width:89px;
			height:20px;
			color:#FFFFFF;
			font-size:12px;
			border: 1px solid #1c5180;
			background-color:#8eb0d0;
			}	
					
#menu{
	height:42px;
	}	

#contenu-top-dotted{
	position: absolute;
	width:981px;
	top: 259px;
	left:10px;
	border-top:1px dotted #828282;
	}

#contenu{
	text-align:justify;
	float:left;
	background-color: #FFFFFF;
	padding:10px 10px 0px 10px;
	}	
	
	#Layout{
		float: right;
	}
#Layout.standard{width:650px;}
#Layout.full{width:981px;}

	#Titre1, H1{ /* Titre page */
		/*color: #1f396c;*/
		color: #003D59;
		font-size:1.83em;
		font-weight:normal;
		font-family:Times New Roman, Helvetica, sans-serif;
		padding-top: 10px;
		}	
	
	#Titre2, H2{ /* Sous titre page */
		/*color:#376953;*/
		color:#007d83;
		font-size:1.5em;
		font-family:Times New Roman, Helvetica, sans-serif;
		font-weight:normal;
		line-height:18px;
		}
	
	#Titre3, H3{ /* Titre contenu */
		color:#007d83;
		font-size:1.42em;
		line-height:normal;
		font-weight:bold;
		font-family:Times New Roman, Helvetica, sans-serif;
		}
		
	#Titre4, H4{ /* Marqueur bleu */ 
		/*color:#5698d0;*/
		color:#065f8b;
		font-size:1em;
		line-height:normal;
		font-weight:normal;
		font-family:Tahoma, "Trebuchet MS";
		padding:0px;
		margin:0px;
		}	

	#Titre5, H5{ /* Marqueur vert */
		color:#007d83;
		font-size:1em;
		line-height:normal;
		font-family:Tahoma, "Trebuchet MS";
		}	
		
	#Titre6, H6{ /* Marqueur slogan */ 
		color:#376953;
		font-size:1.5em;
		font-family:Times New Roman, Helvetica, sans-serif;
		font-weight:normal;
		}	

	
	#photos, #photo, .photos img{
		width:333px;
		float:right;
		padding: 15px;
		border: 3px solid #376953;
	}
	
	#photos-commentaire{
		color:#376953;
		font-size:10px;
		text-align:center;		
	}

		
#pied-de-page{
	position:relative;
	color:#84b7eb;
	top: 5px;
	width: 981px;
	margin-left:auto;
	margin-right:auto;
	padding: 5px 0px 3px 5px;
	border-top: 1px solid #14223f;
	}	

	#pied-de-page-menu-section, #pied-de-page-menu{
		height:13px;
		margin-bottom: 4px;
		border-left: 1px solid #3e81d5;
	}
	
	#pied-de-page-menu-section ul{
	}
	
	#pied-de-page-menu, #pied-de-page-menu-section{
		font-size:10px;
		clear: both;
	}
	
	a.pied-de-page-menu{
		font-size:11px;
		text-decoration:none;	
	}	
	
	a.pied-de-page-menu:hover{
		font-size:11px;
		color:#14223F;
		text-decoration:none;
		border-bottom: 1px dotted #14223f;
		margin-bottom:-1px;
	}
		
	#copyrightCCIVR{
		position:relative;
		top:5px;
		width: 981px;
		color:#055a83;
		float:left;
		padding: 3px; 
		border-top: 1px dotted #010102;
	}	
	
	#inscription{
		position:absolute;
		top:75px;
		left:10px;
		color:#5c7c9e;
		text-align:right;		
	}
	
	.activite{
		color:#055a83;
	}
	
	a.activite{
		color:#055a83;
		font-weight:normal;
		text-decoration:none;
	}
	
	a.activite:hover{
		color:#000;
		text-decoration:none;
	}
	
	#designer{
		position:relative;
		top:-15px;
		left:0px;
		float:right;
	}


/* Recherche */ 

#recherche-bouton{
	width:100px;}

/* Recherche */

/* Acces membres */

.console-membre{
	width:580px;
	}

#console-inscription-activites{
	position:relative;
	float:left;
	}
	
#console-mot-de-passe{
	position:relative;
	float:left;
	padding-bottom: 10px;
	
	}	

#console-renouvellement{
	position:relative;
	float:right;
	}
	
#console-modification-profile{
	position:relative;
	float:right;
	padding-bottom: 10px;
	}	



/* Acces membres */

/* Activitees */

/*#activitees-bannieres{
	position:relative;
	top:0px;
	left:0px;
	width:478px;
	height:278px;
	}*/	

#activitees-bannieres{
	position:relative;
	top:0px;
	left:0px;
	width:651px;
	height:287px;
	background-color:#FFFFFF;
	}
	
	
	
#activitees-espace-membre{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	width:251px;
	height:154px;
	background-color:#1f2740;
	
	}
	
#activitees-rechercher{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	width:251px;
	height:114px;
	background-color:#2d3b6a;
	}		
	
	
#activitees-bannieres{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	display:inline;
	padding:0px;
	margin:0px;
	border:none;
	}	
	
	
/* Activitees */


/* contact */

#map1 {
	width:400px;
	height:300px;
	border: 1px solid #C6C6C6;
}


/* contact */

/* Conseil administration */

table#ca img{	
	padding:0px;
	margin:0px;
	border: 1px solid #14223f;
}


/* Conseil administration */

/* Liens utiles */

/* Liens utiles */


/* Partenaire */
	
table#partenaires th{
	height:10px;
	border:1px solid #03567e;
	background-color:#03567e;		
	}
	
	table#partenaires th h2{
		padding:0px;
		margin:0px;
		line-height:13px;
		font-weight:bold;
		border:1px solid #03567e;
		color:#FFFFFF;	
	}
	
	
/* Partenaire */


/* Page membre */

#modification-membre{
	display:none;
	overflow: auto;
	text-align: left;
	width: 830px;
	height: 600px;
	position: absolute;
	z-index: 9999;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	}

/* Page membre */


/* Nouvelles et publications */

.nouvelles-publications{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	}
	
	div.nouvelles-publications p{
		background-color:#FCFCFC;
	}
	
	div.nouvelles-publications p a{
		border: 0px dotted #828282;
		background-color:#FFFFFF;
	}

/* Nouvelles et publications */

	
/* Popup div */
#modification-membre iframe.modif-popup-div-ie6 {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:100%;/* (old value 3000px) must have for any big value*/
	height:100%;/* (old value 3000px) must have for any big value*/
}
/* IE6 SELECT FIX FIN */

#modification-membre-mot-passe{
	display:none;
	overflow: auto;
	text-align: left;
	width: 415px;
	height: 200px;
	position: absolute;
	z-index: 9999;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	}
	
/* Popup div */
#modification-membre-mot-passe iframe.modif-popup-div-ie6 {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:100%;/* (old value 3000px) must have for any big value*/
	height:100%;/* (old value 3000px) must have for any big value*/
}
/* IE6 SELECT FIX FIN */

#modification-background {
	display: none;
	position: absolute;
	z-index: 9998;
	background-color: #1c5180;
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.erreurConnexion{
	color: #FF0000;
}

a.erreurConnexion{
	color: #FF0000;
}

a.erreurConnexion:hover{
	color: #FF0000;
}


#intro-membre-texte{color:#fff;}
#intro-membre-texte ul{margin:0 0 0 5px; padding:0 0 0 15px;}
#intro-membre-texte ul li{margin:2px 0 0 0; padding:0; color:#fff; font-size:0.9em;}


/* Teaser bloqk */

#teaser {
	width:600px;
	margin-bottom: 10px;
	background:url(/themes/ccivr/grafx/teaser-degrade.jpg) repeat-y #b4d5f7;
	border: 1px dotted #4982d7;
	}

#teaser div.teaser.img img{
	margin:10px;
	}	
	
#teaser div.teaser.text{
	font-size:1.1em;
	text-align:left;
	margin:5px;
	background:#b4d5f7;
	}		

#teaser div.teaser.text a{
	color:#335a96;
	}	

#teaser div.teaser.text :hover{
	color:#4982d7;
	}	
	
/* Teaser bloqk */	

/*ADD 12 SEPT 2011*/

#linkSocial{
	position: relative;
	top: -7px;
	float: right;
	right: 175px;
}