/* --------------------------------------------------------------------
	STRUCTURE - LAYOUT DU THEME
   -------------------------------------------------------------------- */
body {
	color:#444;
	font-size:0.75em;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	line-height:1.7em;
	position:relative;	
}
#conteneur {
	margin-top:9px;
	clear:both;
}
#page_enveloppe{
	width:960px;
	margin: 80px auto 0px auto;
	position:relative;
}
	/*page d'accueil seulement*/
	.top-home {
		width:960px;
		margin: 120px auto 0px auto !important;
		position:relative;
	}
	
/*-----------------------
            Coins arrondis */
.coins_arrondis {
  -moz-border-radius: 7px; /* Firefox */
  -webkit-border-radius: 7px; /* Safari and Chrome */
  border-radius: 7px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  /*behavior: url(/wp-content/themes/cegepsl/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.coins_arrondis_top {
  -moz-border-radius-bottomleft:0px;
  -moz-border-radius-bottomright:0px;
  -moz-border-radius-topleft:7px;
  -moz-border-radius-topright:7px;
  -webkit-border-radius-bottomleft:0px;
  -webkit-border-radius-bottomright:0px;
  -webkit-border-radius-topleft:7px;
  -webkit-border-radius-topright:7px;  
  border-radius-bottomleft:0px;
  border-radius-bottomright:0px;
  border-radius-topleft:7px;
  border-radius-topright:7px;  

  /*behavior: url(/wp-content/themes/cegepsl/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.coins_arrondis_bottom {
  -moz-border-radius-bottomleft:7px;
  -moz-border-radius-bottomright:7px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright:0px;
  -webkit-border-radius-bottomleft:7px;
  -webkit-border-radius-bottomright:7px;
  -webkit-border-radius-topleft:0px;
  -webkit-border-radius-topright:0px;  
  border-radius-bottomleft:7px;
  border-radius-bottomright:7px;
  border-radius-topleft:0px;
  border-radius-topright:0px;  

  /*behavior: url(/wp-content/themes/cegepsl/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
/*-----------------------
			Header */
#entete{
	position:relative;
	z-index:10;
	display:block;
	clear:both;
}
/*page d'accueil seulement*/
.head-home{
	height:128px;
}
	/**/@media screen {.titre_entete {
		position: absolute;
		background-color: #8abbd2;
		height: 50px;
		width: 180px;
		bottom: 10px;
		right: 10px;
		border: 1px solid #006393;
		opacity: 0.65;
		padding: 20px;
		filter: alpha(opacity=65);
	}
	/*page d'accueil seulement*/
	.titre_entete_home {
		position: absolute;
		background-color: #8abbd2;
		border: 1px solid #006393;
		height: 145px;
		width: 475px;
		bottom: 10px;
		right: 10px;
		opacity: 0.65;
		filter: alpha(opacity=65);
	}}
	
	@media print {
    .titre_entete {
		position: absolute;
		background-color: #8abbd2;
		height: 50px;
		width: 180px;
		bottom: 10px;
		right: 10px;
		border: 1px solid #006393;
		opacity: 0;
		padding: 20px;
		filter: alpha(opacity=0);
	}
	/*page d'accueil seulement*/
	.titre_entete_home {
		position: absolute;
		background-color: #8abbd2;
		border: 1px solid #006393;
		height: 145px;
		width: 475px;
		bottom: 10px;
		right: 10px;
		opacity: 0;
		filter: alpha(opacity=0);
	}
  	}
  	

  	

	/* Titre h1 */
	/*page d'accueil seulement*/
	/* Titre h1 */
	/*page d'accueil seulement*/
	h1.entete_zone_home {
		color: #FFFFFF;
		height: 118px;
		bottom: 10px;
		padding: 0 30px;
		margin: 0px 0 0 0;
		/*line-height:1.4em;*/
	}
	h1.entete_zone {
		height: 90px;
		color: #FFFFFF;
		padding: 0 30px;
		margin: -5px 0 0 0;
	}
		span.texte_bienvenue {
			text-align: right;
			position: relative;
			color: #FFFFFF;
			padding:0;
			display: block;
			line-height: 0.5em;	
		}
		/*page d'accueil seulement*/
		.texte_bienvenue_home {
			text-align: right;
			position: relative;
			color: #FFFFFF;
			padding: 0;	
			display: block;
			line-height:1em;
		}
		/*page d'accueil seulement*/
		.texte_bienvenue_cegep {
			text-align: right;
			font-size: 70%;
			padding: 0;
			margin: 0;
			line-height: 1.0;	
			display: block;	
			position: relative;
			clear: both;
			line-height:1em;
		}
	.titre_zone {
		font-size: 160%;
		margin: 0;
		position: relative;
		text-align: right;
		float: right;
		clear: both;
		line-height: 1.2em;		
	}
	.titre_zone_home {
		/*text-align: right;*/
		font-size: 160%;
		line-height:1.3em;
		padding: 0;
		margin-top: 0px;
		position: relative;
		float: right;
		clear: both;	
	}

/*----------------------------------
				MENU DE CONNEXION */

#connexion{ display:none; width: 750px !important}
.formdetails span { color:#1E6099; font-size:1.2em; font-weight:bold; padding-right:15px; } 
.formdetails p { margin: 10px 0 1em !important; color:#444444; line-height:1.7em; }
.formdetails {font-size:12px; padding: 10px; }
.formdetails input{ border: 1px solid #999999; background-color:#EFEFEF;}
.formdetails input.button {
	background-color:#999999;
	border:1px solid #CCCCCC !important;
	font-size:110%;
	height:23px;
	line-height:1.2em;
	padding:0 10px !important;
}
.formdetails input.button:hover {
	background-color:#1E6099;
}
span.logged-in a { padding: 0px !important }
span.logged-in a:hover { background: none !important; text-decoration: underline !important; color: #000000 !important;  }
span.logged-in { padding: 0 5px !important; }

/*-----------------------
			Breadcrumb */
.filariane {
	color:#ddd;
	margin:0 10px;
	height:27px;
	background:url(../images/bg_header_bar2.png);
	border:1px solid #555555;
	padding:7px 10px 0 27px;
	overflow:hidden;	
}
.filariane a {
	text-decoration:none;
	color:#fff;
}
.filariane a:hover {
	text-decoration:underline;
	color:#fff;
}
.breadcrumb_info {
	display:block;
	overflow:hidden;
	width:900px;
	white-space:nowrap;
}

/*-----------------------
			Contenu */
.bg_sidebar {
	background:transparent url(../images/bg_sidebar.png) repeat-y scroll center top;

}
#contenu_enveloppe{
	float:left;
	padding:20px 10px;
	position:relative;
	width:940px;
	min-height:400px;
}
	#contenu{
		float:left;
		width:570px;
		padding:0 0 15px 30px;
		position:relative;
	}
		#contenu .entry{
			width:570px;
			padding-left:1px;
		}
			/* Affichage des archives */
			div.article {
				border-top: 1px solid #CCC;
				clear:both;
				padding:0.5em 0 1em !important;
			}
			div.article h3 {
				padding: 0.5em 0 !important;
			}
			p.cats {
				background-color:#F1F1F1;
				font-size:90%;
				padding:5px 10px;
				border:1px dotted #CCCCCC;
				display:inline-block;
			}
			span.archive_date {
				font-weight: bold;
			}
			ul.mots-cles {
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				margin:0;
				display:inline-block;
			}
			p.intro {
				clear: both;
			}
			ul.mots-cles li.mot-cle {
				background: none;
				color: #333333;
				padding: 0;
			}
			ul.mots-cles li {
				background-color:#999999;
				color:#CCCCCC;
				float:left;
				font-size:85%;
				height:15px;
				margin:2px !important;
				padding:0 5px 5px;
			}
			ul.mots-cles li:hover {
				background-color:#333333;
				color: #F2F2F2;
			}
			ul.mots-cles a:hover {
				color: #F2F2F2;
			}
			ul.mots-cles li a {
				color:#F9F9F9;
			}

			div.navigation {
				padding-top: 15px;
			}
			.entry {
				border-bottom:1px solid #bbb;
				clear:both;
				margin-bottom:28px;
				overflow:hidden;
				padding-bottom:20px;
				position:relative;
			}
			.entry_news {
				margin: 0 0 20px 0;
			}
				.postmetadata {
					font-size: 95%;
					list-style-type: none;
				}
				ul.postmetadata {
					background-color:#EEEEEE;
					border:2px solid #CCCCCC;
					height:25px;
					padding:10px;					
				}				
				.postmetadata li {
					float:left;
					padding: 0 10px 5px 0;
				}
 				.postmetadata li.add_page {
					background: transparent url(../images/icone_add_page.png) no-repeat scroll left 5px;
					padding-left:20px;
				}
 				.postmetadata li.modif_page {
					background: transparent url(../images/icone_modif_page.png) no-repeat scroll left 5px;
					padding-left:20px;
				}
 				.postmetadata li.tableau_bord {
					background: transparent url(../images/icone_tableau_bord.png) no-repeat scroll left 5px;
					padding-left:20px;
				}
				.entry ul, .entry ol, #tinymce ul, #tinymce ol {
					list-style-type:square;
					margin:0;
					padding:0 0 2px 0;
				}
				.entry ol, #tinymce ol {
					list-style-type:decimal;
				}
				.entry li, #tinymce li {
					margin-left:30px;
					margin-bottom:8px;
				}
				.intro_prof {
					padding: 0 30px 15px 0px;
					float: left;
					width: 250px;				
				}
			.widecolumn {
				margin-left:auto;
				margin-right:auto;
				float: none !important;

				margin-bottom: 100px;
				background: #FFFFFF;


			}
			.widecolumn2 {
				background:#FFFFFF none repeat scroll 0 0;
				float:none !important;
				margin: 50px auto;
				padding:20px !important;
				border: 1px solid #CCCCCC;
			}
		/* Nouvelles sur la page d'accueil */	
		dl.v_show_hide { 
			border:1px solid #CCCCCC;
			margin-bottom:10px;
			padding:10px; 
		}
		dl.v_show_hide dt, dl.v_show_first dt { 
			font-weight: bold;
			cursor: pointer;
			padding: 5px 5px 5px 0; 
		}
		dl.v_show_hide dd { 
			padding: 5px 15px 5px 10px; 
			background-color: #EBEBEB;
			margin-left: 10px;
		}
		
		.dl_plus { 
			background:transparent url('../images/subnav_btn_down.gif') no-repeat scroll right top; 
		}
		.dl_moins { 
			background:transparent url('../images/subnav_btn_up.gif') no-repeat scroll right top; 
		}
		dl.v_show_hide ul {
			padding: 0;
		}
		dl.v_show_hide li {
			margin-left: 15px;
		}
		dl.v_show_hide li a {
			text-decoration: underline;
		}		
		dl.v_show_hide a{
			text-decoration: underline;
		}
		dl.v_show_hide a.no_link, a.no_link{
			text-decoration: none;
		}		
		h3.nouvelles-home { 
			font-size:24px; 
		}
		p.nouvelles-read-more { 
			text-align: right; 
		}
		dt:hover {
			text-decoration:underline;
		}
		.nouvelles-cat {
			font-size: 85%;
			font-weight: normal;
			background: #999999;
			color: #FFFFFF;
			padding:2px 6px;
			margin-right: 5px;
		}
		.nouvelles-date {
			font-size: 90%;
		}
		.cat_desc {
			margin: 0 0 15px 0;
			font-size: 110%;
		}			
		/* accueil video */
		div.videos-aide{
			margin:5px;
			width:175px; 
			height:250px;
			float:left; 
			border: 2px solid #CCC;
			background-color:#dad9d7;
		}
		div.videos-aide h4{
			font-size:1.2em;
			height:65px;
			overflow:hidden;
			padding:2px 5px;
		}
		div.videos-aide a img {
			border:2px solid #CCCCCC;
			margin:0 10px;			
		}
		div.videos-aide .fondblanc {
			background-color:#FFF;
			height:205px;
		}
		
		div.videos-aide div.ratingblock {
			margin:0px 5px;
		}
		div.videos-aide div.etoile{
			height:45px;
			overflow:hidden;
			padding:0;
			position:absolute;
			width:175px;
			background:#FFFFFF url(../images/top_entete_bg.jpg) repeat-x scroll bottom center;
		}
		.voted {
			clear:both;
		}
		div.videos-aide div.ratingtext {
			margin:0px;
			font-size: 85%
		}
		.wp-caption{
			border:1px solid #ccc;
			background-color:#EEEEEE;
			text-align:center;
			padding:4px;
			margin:2px;
		}
		.wp-caption p{
			line-height:1.5em;
			margin:0px;
			font-size:80%;
		}
		.encadre {
			background-color:#EDEDED;
			border:2px solid #CCC;
			line-height:1.5em;
			padding:10px 10px 0px 10px;
			margin:10px;
		}
		.encadrepetit{
			width:180px;
			float:right;
		}
		/* Erreur généré par Symfony */
		.error_list {
			margin: 0;
			padding: 5px;
			line-height: normal;
			color:#e52f42;
			list-style-position: inside;
			list-style-image: none;
			list-style-type: square;
		}
		.flash_notice
		{
		  line-height:1.4;
		  padding:0 20px 5px 25px;
		  background: transparent url(../images/tick.png) no-repeat scroll left center;
		  border-bottom:2px solid #82C977;
		}
		
		.flash_error
		{
		  line-height:1.4;
		  padding:0 20px 5px 25px;
		  background: transparent url(../images/error.png) no-repeat scroll left center;
		  border-bottom:2px solid #e52f42;
		  color: #e52f42;
		}
		
		.flash_warning
		{
		  line-height:1.4;
		  padding:0 20px 5px 25px;
		  background: transparent url(../images/error.png) no-repeat scroll left center;
		  border-bottom:2px solid #dbcf0b;
		  color: #6D5501;  
		}		
/*-----------------------
			Menu */
	#barre_laterale{
		float:left;
		padding:0 0 15px 50px;
		position:relative;
		width:265px;
		/*overflow:hidden;*/
	}			
		#barre_laterale .small_box{
			padding:0 0 15px 0;
		}
		.small_box{
			float:left;
			padding:0 0 15px 50px;
			position:relative;
			width:260px;
		}
			.small_box img{
				padding:5px 0 !important;
				padding:0;/*ie6 fix for png elemnts needs this*/
			}
		
			ul.menu{
			  list-style-type:none;
			  margin: 0;
			  padding: 0;
			  width:260px;
			  border-bottom: 4px solid #DDDDDD;
			  border-top: 4px solid #DDDDDD;
			}
				
				ul.menu li {
				  	
				  border-top:1px solid #cccccc;
				}
				
					ul.menu ul li{
						background-color:#DDD;
					}
					ul.menu ul li a {
					  color: #000;
					  padding-left: 7%;
					  width: 93%;   
					}
					ul.menu ul li a:hover {
						color: #000;
					 	border-left:5px solid #000000; 
						padding-left:5%;
						width:93%;
					}
					/* menu deuxième niveau */
					ul.menu ul ul li a {
					  color: #000;
					  border-left:5px solid #000000;
						padding-left:5%;
						width:93%;
					}
					ul.menu ul ul li{
						background-color:#d5d5d5;
					}
					/* menu troisième niveau */
					ul.menu ul ul ul li a {
					  color: #000;
					  border-left:10px solid #000000;
						padding-left:8%;
						width:88%;  
					}
					ul.menu ul ul ul li a:hover {
					  border-left:10px solid #000000;
						padding-left:8%;
						width:88%;  
					}
					ul.menu ul ul ul li{
						background-color:#d0d0d0;
					}
					/* Couleur Over par default */	
					ul.menu li a:hover, ul.menu li.current_page_ancestor,  ul.menu li.current-cat, ul.menu li.current-cat-parent{
						background-color:#c5d2de;
					}
					/* Couleur du texte dans le menu normal*/
					ul.menu ul li.page_item a,ul.menu ul ul li.page_item a,ul.menu ul ul ul li.page_item a {
					  color: #333333;
					}
					/* couleur du text dans le menu Page courante*/
					ul.menu li.current_page_item a, ul.menu li.current-cat a,ul.menu ul li.current_page_item a, ul.menu ul ul li.current_page_item a, ul.menu ul ul ul li.current_page_item a {
					  color: #FFFFFF ;
					}
					ul.menu li.current_page_ancestor a, ul.menu a:hover, ul.menu li.current_page_item a:hover, ul.menu li.current-cat a:hover, ul.menu li.current-cat ul a{
					color: #000;
				}
ul.menu li a {
	width:97%;
	padding:3% 0 3% 3%;
}
ul.menu li a.externe {
	
	background: transparent url(../images/external.png) no-repeat scroll 95% 14px;
	white-space: normal;
	/*padding-right: 15px;
	width: auto !important;	
	white-space: nowrap;
	background:transparent url(../images/external.png) no-repeat scroll right center;*/
}
				ul.menu a {
				  display: inline-block;
				  text-decoration: none;
				  font-size: 100%;  	
				}
a.lien_bg {
	width: 25px !important;
	height: 30px;
	background: url(../images/subnav_btn.png) no-repeat center top;
	padding: 0 !important;
	margin: -30px 5px 0 0 !important;	
	float: right;
	border:0 !important;
	position: relative;
}
a.lien_bg:hover {	
	background: url(../images/subnav_btn.png) no-repeat center top !important;
	border:0 !important;
	cursor: pointer;	
}

.externe{
	background:transparent url(../images/external.png) no-repeat scroll right center;
	padding-right:15px;
}

a.prive {
	background:url(../images/switch_lock.png) no-repeat right center;
	padding-right: 18px;
}

span.prive {
	background:url(../images/switch_lock.png) no-repeat right center;
	padding-right: 0px;
}



/*-----------------------
			Popup shadowbox & prettyPhoto */

.popup_shadowbox {
	line-height: 1.5em;
}

.popup_shadowbox ul, body.conditions ul {
	margin-left: 30px;
	padding: 10px 0 10px 0;
}
.popup_shadowbox h3 {
	padding: 0 0 0.5em 0;
}
		
/*-----------------------
			Calendrier et table */
table.donnee  {
	width:100%;
}
table.donnee tr td, table.donnee tr th{
	border-bottom:1px solid #222;
	padding:2px 5px;
}
table.donnee tr th,table.horaire tr th{
	background-color:#EEEEEE;
	
}
table.donnee tr td.cellSansBordure, table.donnee tr td.cellsansbordure{
	border:none;
}
td.bordureDessou{
	border-bottom:1px solid #222;
	padding:2px 5px;
}
table.horaire {
	width:100%;
	border:1px solid black;
}
table.horaire tr td, table.horaire tr th {
	border:1px solid #222;
	padding:2px 5px;
	width:15%;
}
table.horaire tr td.cellhoraire{
	vertical-align:middle;
	background-color:#E0E8EF;
	text-align:center;
	border:2px solid black;
}
table.horaire p{
	margin:0px;
}
tfoot>tr>td>a, tfoot>tr>td>a:link, tfoot>tr>td>a:visited, tfoot>tr>td>a:hover, tfoot>tr>td>a:active {
   font-weight:bold;
   text-decoration: none;
   color: #666666;
}
tfoot>tr>td {
   background-color:#ffffff;
}

	
	/* calendrier */
	table#wp-calendar{
		width: 100%;
	}
	table#wp-calendar {
	   border:1px solid #cccccc;
	}
	tbody .pad {
	   background-color:#dddddd;
	}
	#wp-calendar>caption {
		text-align: center;
		font-size: 110%;
	}
	table#wp-calendar>tbody>tr>td>a {
	   font-weight:bold;
	   color:#FFF;
	   display: block;
	   background-color: #666666;
	   text-decoration: none;
	}
	
	thead>tr>th {
	   text-align:center;
	   background-color:#999;
	   border:1px solid #cccccc;
	   color: #FFF;
	}
	table#wp-calendar tbody tr td {
		text-align:center;
		border:1px solid #cccccc;
	}
	tfoot>tr>td#prev, tfoot>tr>td#next {
	   text-align:center;
	}
	table#wp-calendar tbody tr td#today{
		background-color:#E0E8EF;
		border:2px solid #222;
	}
	/* fin calendrier */
/*-----------------------
			Footer */
#bas_contenu_enveloppe {
	clear: both;
	background: transparent url(../images/bg_footer_zone.png) no-repeat top left;	
	width: 950px;
	height: 45px;
	margin-bottom: 30px;
}	
	#bas_contenu{
		clear:both;
		position:relative;
		height: 30px;
		margin-left: 10px; 
		margin-right: 0px;
		width: 938px;
		opacity: 0.50;
		filter: alpha(opacity=50);
		background-color: #8abbd2;
		border: 1px solid #006393;	
	}
	.scroll-top{
		float:right;
		display:block;
		padding: 5px 15px 0px 0px;
		margin-top:-33px;
		position:relative;
	}
		.scroll-top a {
			color: #fff;
			text-decoration: none;
		}
/* --------------------------------------------------------------------
	Alignement
   -------------------------------------------------------------------- */
.floatleft{
	float:left;
}

.floatright{
	float:right;
}
	
.clearboth{
	clear:both;
}
	
.alignleft{
	float:left;
	margin:5px 15px 5px 0pt;
}

.alignright{
	float:right;
	margin:5px 0pt 5px 15px;
}

.aligncenter{
	clear:both;
	display:block;
	margin:10px auto;
}

.attachment-post-thumbnail, .attachment-thumbnail {
	float:left;
	margin:5px 15px 5px 0pt;
}

/* --------------------------------------------------------------------
	Texte
   -------------------------------------------------------------------- */
/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{
	margin:0;
	padding:0;
}
/*-----------------------
			Liens */
a:focus{
	outline:1px dotted invert;
}
a {
	color:#333;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
	color:#444;
}
a img{
	border:none;
	}
	
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	text-decoration:none;
	color:#5B5A5A;
}
h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	text-decoration:underline;
}
/*-----------------------
			Titres */
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	padding-bottom:0.5em;
	padding-top:1em;
	/*line-height:1.4em;*/
	color:#5b5a5a;
}
legend{
	font-weight:normal;
	color:#5b5a5a;
	font-size: 1.3em !important;
}
h1{	
	font-size:28px;
	clear:both;
}
h2{
	font-size:1.8em; 
	clear:both;
}
		/*  h2 contenu */
		#contenu h2, #contenu h2 a, #contenu_big h2 a{
			font-size:2.4em;
			color:#3d3d3d;
		}
h3{
	font-size:1.5em;
	clear:both;
	padding-top:0.9em;
	padding-bottom:0.3em;
}
h4{
	font-size:1.3em;
	clear:both;
	padding-top:0.8em;
	padding-bottom:0.3em;
}
h5{
	font-size:14px;
	clear:both;
}
h6{
	font-size:13px;
	clear:both;
}
hr{
	border:0 #ccc solid;
	border-top-width:1px;
	clear:both;
	height:0;
}
/*-----------------------
			Listes */
ol{
	list-style:decimal;
	margin-bottom:10px;
	margin-left:30px;
}
ul{
	list-style:square
}
	ul#menu_sidebar li {
		margin:0px;
	}
	#barre_laterale li{
		list-style-type:none;	
		
	}
	#barre_laterale li h2{
		margin-left: 0px;	
	}
	ul.listeAncre li{
		float:left;
		width:240px;
	}
	li.listeAncre {
		float:left;
		width:240px;
	}
	ul.galerieLi li{
		float:left;
		width:170px;
		list-style-type:none;
	}
	li.galli{
		float:left;
		width:170px;
		list-style-type:none;
	}
/*-----------------------
			paragraphe */
p {
	margin: 0 0 1em 0;
	
}
sup {
	vertical-align: top;
	font-size: 70%;
}
blockquote{
	font-size:13px;
	font-style:italic;
	padding:0px 10px 5px 41px;
	background:transparent url("../images/image_quote.gif") no-repeat scroll left top;
	color:#555555;
}
	/*blockquote p{
		padding:11px 0px;
	}*/
dl,pre,table,address,fieldset{
	margin-bottom:20px
} 
/* --------------------------------------------------------------------
	Formulaire
   -------------------------------------------------------------------- */


/*	##################################
   	COMMENTS
	################################## */

#contenu_enveloppe .commentlist ol {
	margin: 0px;
	padding: 0px;
}

#contenu_enveloppe .commentlist li {
	margin: 20px 0 0 0;
	padding: 20px 0 20px 20px;
	list-style: none;
}

#contenu_enveloppe .commentlist .box-left {
	margin: 30px 0 0;
	padding: 0px;
	border: none;
}

.commentlist .avatar {
	float: right;
	width: auto;
	margin: 0 0 5px 20px;
}

.commentlist li p {
	margin: 0 20px 10px 0;
}

.commentlist .comment-author {
	font-size: 12px;
	font-weight: bold;
}

.commentlist .comment-author a {
	padding: 0 0 5px 0;
	border: none!important;
}

#contenu_enveloppe .commentlist ul.children {
	margin: 0px;
	padding: 0px;
}

#contenu_enveloppe .commentlist .children li {
	margin: 20px 0 0 0;
	padding: 20px 0 20px 20px;
	background: none;
	border-right: none;
}

.reply a {
	margin: 10px 0 0 0;
	padding: 5px 10px;
	background-color: #999999;
	color: #fff;
	border: 1px solid #CCCCCC !important;
	text-decoration: none;
}

	
.reply a:hover {
	background-color:#666666;	color: #fff;
}

#cancel-comment-reply {
	margin: 10px 0;
}

#contenu_enveloppe .commentlist li.depth-1, #contenu_enveloppe .commentlist li.depth-3, #contenu_enveloppe .commentlist li.depth-5 {
	background: #eeeee9 url(../images/bg-comment-top.png) no-repeat left top;
}

#contenu_enveloppe .commentlist li.depth-2, #contenu_enveloppe .commentlist li.depth-4, #contenu_enveloppe .commentlist li.depth-6 {
	background: #fff url(images/bg-comment-top-1.png) no-repeat left top;
	border-right: 1px solid #ebebe1;
}

#contenu_enveloppe .commentlist li.depth-4, #contenu_enveloppe .commentlist li.depth-6 {
	border: none;
}

.moderation {
	padding: 0 0 0 25px;
	background: transparent url(../images/bg-moderation.png) no-repeat left center;
}

.trackbacklist {
	border-bottom:1px solid #EEEEE9;
	border-top:1px solid #EEEEE9;
	margin:30px 0 0;
	padding:10px 0 0;
}

#contenu_enveloppe .trackbacklist ul {
	margin: 0 20px 20px;
}

#commentform {
	padding: 0 0 10px 0;
}

#commentform p {
	margin: 0 0 10px 0;
}

.box-comments {
	position: relative;
	padding: 0 0 30px;
}

.comments-paging {
	position: absolute;
	top: 0px;
	right: 0px;
}
.valid .text_input, .valid .text_area {
	border:1px solid #70A41B;
} /*#70A41B*/
.error .text_input, .error .text_area {
	border:1px solid #EE2A00;
}
.comment-date {
	color:#666666;
	font-size:90%;
	margin:-15px 0 0;
}
#s, .text_input, .text_area, textarea, #commentform input {
	border:1px solid #ababab;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
}
#commentform{
	padding-bottom:20px;
}
	#submit {
		border:1px solid #ababab;
		background-color:#333;
		color:#fff;
		cursor:pointer;
		padding:4px 20px;
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
		font-size:11.5px;
	}
	#submit:hover {
		background-color:#999;
		color:#333;
	}
	.hidden{
		display:none;
	}
	
input.text, textarea {
	width: 350px;
	padding: 5px;
	background: #fff url(../images/bg-input-text.gif) repeat-x left top;
}

input.submit, input.button {
	width: auto;
	height: 30px;
	padding: 0 20px;
	color: #fff;
	background-color: #999999;
	border: 1px solid #CCCCCC !important;
}
input.submit:hover, input.button:hover {
	width: auto;
	height: 30px;
	padding: 0 20px;
	background-color:#666666;
	border: 1px solid #CCCCCC !important;
	cursor:pointer;
}
#file_uploaded {
	
	background-color:#F5F5F5;
	border:2px solid #E5E5E5;
	padding:10px;
}
#file_uploaded  li{
background:transparent url(../images/tick.png) no-repeat scroll right 2px;
padding-right:18px;
}
#file_uploaded  li.impossible{
background:transparent url(../images/errorx.png) no-repeat scroll right 2px;
padding-right:18px;
}

fieldset textarea{
	width:302px;
	font-size:13px;
}
#fileInputUploader{
	margin:10px;
}

/*-----------------------
			recherche */
#s, .text_input, .text_area{
	padding:5px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	width:200px;
	font-size:11.5px;
}

/* --------------------------------------------------------------------
	Personalisation
   -------------------------------------------------------------------- */


.theme_center {
	clear:both;
	display:block;
	margin:0px auto;
	padding: 0px 0;
	text-align: center;
	background-color:#FFFFFF;
	padding: 10px 0;
}
.theme_lien .theme_image{
	border: 5px solid #999999 !important;
	display: inline-block;
	margin: 10px;
}
a.theme_lien:hover .theme_image{
	border: 5px solid #333333 !important;
}
a.theme_lien:active .theme_image{
	border: 5px solid #1d5a8e !important;
}
/* --------------------------------------------------------------------
	Autres
   -------------------------------------------------------------------- */
/* flash player */
.flv_player {
	padding: 10px 0;
}
/* fil RSS */
.fil_RSS { 
	display: block; 
	float: right; 
	width: 26px; 
	height: 26px; 
	background:transparent url('../images/rss.png') no-repeat scroll center top;
}
/* Tooltip */

#easyTooltip{
	padding:5px 10px;
	border:3px solid #999;
	background:#444;
	color:#FFFFFF;
	z-index:100;
}
/* style des shortcodes colonnes*/
.col2 {
	float:left;
	width:46%;
	padding-right:4%;
	padding-bottom:1em;
}
.col3 {
	float:left;
	width:30%;
	padding-right:3%;
	padding-bottom:1em;
}
/* fix pour le bug de IE 7 */
.clear {
clear:both;
display:block;
height:0 !important;
overflow:hidden;
visibility:hidden;
width:0;
}
/*datepicker*/
.ui-datepicker {
	display:none;
	position: absolute; top: 679.2px; left: 427.5px;
}

/* --------------------------------------------------------------------
	Personnalisation pour le thème de base
   -------------------------------------------------------------------- */
/* Couleurs principales de la zone */
#bas_contenu, .titre_entete, .titre_entete_home {
	background-color: #0B4494;
	border: 1px solid #6386B7;
}
/* Boite de la zone */
.titre_entete {
	width: 450px;	
}
/* Boite pour la page d'accueil de la zone */
.titre_entete_home {
	width: 450px;
}

/* Couleur des bordure*/
ul.menu ul ul li a, ul.menu ul li a:hover, ul.menu ul ul ul li a:hover, ul.menu ul ul ul li a{
 	border-color:#2e6797;
}
/* Couleur Over */	
ul.menu li a:hover, ul.menu li.current_page_ancestor,  ul.menu li.current-cat{
	background-color:#9fc5e6;
}
/* Couleur Page courrante */
ul.menu li.current_page_item,  ul.menu li.current-cat {
	background: #2e6797;
}

/* --------------------------------------------------------------------
	Personnalisation de la barre fixe "barre média"
   -------------------------------------------------------------------- */
#barre-media {
	background-image:url(../images/barre_media.png);
	background-position:center top;
	background-repeat:no-repeat;
	bottom:0;
	color:#0DAAA7;
	height:39px;
	left:0;
	position:fixed;
	width:100%;
	z-index:1001;
	cursor: pointer;
}
div#barre-media.hide {
	background-image:url(../images/barre_media_hide.png) !important;
}

/* --------------------------------------------------------------------
	Avertissements pour le contenu privé (intranet)
   -------------------------------------------------------------------- */
   
span.intranet {
	background:#FFFFC1 url(../images/lock.png) no-repeat scroll 10px 5px;
	border:2px solid #990000;
	display:block;
	padding:10px 10px 10px 60px;
	min-height:40px;
	margin-bottom:15px;
}

span.teaser_intranet {
	background:#FFFFC1;
	border:2px solid #990000;
	display:inline-block;
	padding:5px;
	margin-right:5px;
}
/* --------------------------------------------------------------------
	Avertissements
   -------------------------------------------------------------------- */
   
div.avertissement {
	background-color:#FFFFC1;
	border:2px solid #990000;
	display:block;
	padding:0px 10px;
	
	margin-bottom:15px;
}

/* --------------------------------------------------------------------
	Inscription en ligne (module Quiboweb)
   -------------------------------------------------------------------- */

#inscription_bar {
	display: block;
	background: #f8d04b url(../images/bg_jaune.jpg) repeat-x scroll left top;
	border-left:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	border-top:1px solid #747474;
	border-bottom:1px solid #adadad;
	color:#DDDDDD;
	margin-left:10px;
	overflow:hidden;
	padding:5px 30px;
	width:878px;
	height:28px;
	
}
#inscription_bar span img {
	float: left;
}
#inscription_bar span {
	font-size: 120%;
	font-weight: bold;
	color:#333333;
	float: left;
}
#inscription_bar span a, #inscription_bar span p {
	padding: 0 0 5px 10px;
	margin-top:2px;
	position:absolute;
	text-decoration: none;
}
#inscription_bar span p {
	padding: 0 0 5px 45px;
	margin-top:2px;
}
#inscription_bar ul {
	float: right;
	margin-top:2px;
}
#inscription_bar ul li {
	float: right;
	padding: 0 10px;
	list-style-type: none;
	height: 30px;
}
#inscription_bar li.inscription_perf {
	background: transparent url(../images/icone_perfectionnement.jpg) no-repeat scroll left top;
	padding-left:30px;
}
#inscription_bar li.inscription_muni {
	background: transparent url(../images/icone_municipalites.jpg) no-repeat scroll left top;
	padding-left:35px;
}
#inscription_bar li.inscription_liste {
	background: transparent url(../images/icone_liste.jpg) no-repeat scroll left top;
	padding-left:30px;
}
#inscription_bar li.inscription_panier {
	background: transparent url(../images/icone_panier.jpg) no-repeat scroll left top;
	padding-left:35px;
}
#steps {
	margin-top: -20px;
	text-align: center;
}
#steps img {
	background-color:#f8eabb;
	border-bottom: 1px solid #edb019;
	margin: 0 0 0 -29px;
}

p.btn_submit input {
	background:transparent url(../images/btn-vert.gif) repeat-x scroll left top;
	border:1px solid #CCCCCC;
	color:#FFFFFF;
	cursor:pointer;
	font-size:1em;
	font-weight:bold;
	height:25px;
	padding:0 10px 5px;
}
input.greenSubmit {
	background:transparent url(../images/btn-vert.gif) repeat-x scroll left top;
	border:1px solid #CCCCCC;
	color:#FFFFFF;
	padding:5px 15px;
	border:1px solid #8E8F8F;
	font-size:14px;
	cursor:pointer;
}
input.greenSubmit:hover {
	background:#97C84F;
	border:1px solid #8E8F8F;
	color:#FFFFFF;
}

span.requis_right {
	margin: 0 !important;
	float: right;
	color: #FF0000;
}

/* --------------------------------------------------------------------
	Plugin Tipsy pour l'affichage d'un tooltip
   -------------------------------------------------------------------- */

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }