
@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot');
	src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon.woff') format('woff'),
		url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'gillsansmt';
	src:url('../fonts/gillsansmt/gillsansmt.eot');
	src:url('../fonts/gillsansmt/gillsansmt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gillsansmt/gillsansmt.ttf') format('truetype'),
		url('../fonts/gillsansmt/gillsansmt.woff') format('woff'),
		url('../fonts/gillsansmt/gillsansmt.svg#gillsansmt') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'brannbollfet';
	src:url('../fonts/brannbollfet/brannbollfet.eot');
	src:url('../fonts/brannbollfet/brannbollfet.eot?#iefix') format('embedded-opentype'),
		url('../fonts/brannbollfet/brannbollfet.ttf') format('truetype'),
		url('../fonts/brannbollfet/brannbollfet.woff') format('woff'),
		url('../fonts/brannbollfet/brannbollfet.svg#brannbollfet') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'impact';
	src:url('../fonts/impact/impact.eot');
	src:url('../fonts/impact/impact.eot?#iefix') format('embedded-opentype'),
		url('../fonts/impact/impact.ttf') format('truetype'),
		url('../fonts/impact/impact.woff') format('woff'),
		url('../fonts/impact/impact.svg#impact') format('svg');
	font-weight: normal;
	font-style: normal;
}@font-face {
	font-family: 'brush';
	src:url('../fonts/brush/BrushScriptMT.eot');
	src:url('../fonts/brush/BrushScriptMT.eot?#iefix') format('embedded-opentype'),
		url('../fonts/brush/BrushScriptMT.ttf') format('truetype'),
		url('../fonts/brush/BrushScriptMT.woff') format('woff'),
		url('../fonts/brush/BrushScriptMT.svg#impact') format('svg');
	font-weight: normal;
	font-style: normal;
}


[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
	content: "\e600";
}
.icon-phone:before {
	content: "\e601";
}
.icon-envelop:before {
	content: "\e602";
}

body{
	font-family: "gillsansmt", Helvetica, Arial;
	margin:0;
	padding:0;
}

#aspect{
	border-left: medium none #858585;
	border-right: medium none #858585;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 1024px;
	height:auto;}

#banniere{position:relative;}
h1{font-family: "brush","gillsansmt", Helvetica, Arial;text-decoration:underline;color:#f4485b;}		

h4{text-decoration:underline;color:#6290e4; font-style:italic;display:inline; font-weight:100;}		
a{
	text-decoration:none;
	color:#f4485b;}
a:hover{
	text-decoration:underline;
	color:#f4485b;
		}
.ok{color:green;}
.ko{color:red;}
h1 a{text-decoration:underline; color:#c42436;}
h1 a:hover{text-decoration:underline; color:#f4485b;}


.bouton, div.dataTables_filter label{
	border:1px solid grey;
	padding:5px;
	color:#c42436;
	/*arrondis cadre*/
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	-khtml-border-radius: 3px; 
	border-radius:3px;
	
	background: #ececec;
    background: -webkit-linear-gradient( #ececec, #bdbdbd);
    background:    -moz-linear-gradient( #ececec, #bdbdbd);
    background:     -ms-linear-gradient( #ececec, #bdbdbd);
    background:      -o-linear-gradient( #ececec, #bdbdbd);
    background:         linear-gradient( #ececec, #bdbdbd);
	
	box-shadow: 0 0 2px rgba( 0, 0, 0, 0.5),
                0 -1px 0 rgba( 255, 255, 255, 0.4);
}
.bouton2{
	border:1px solid grey;
	padding:5px;
	
	/*arrondis cadre*/
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	-khtml-border-radius: 3px; 
	border-radius:3px;
	
	background: #e20026;
    background: -webkit-linear-gradient( #e20026, #97051d);
    background:    -moz-linear-gradient( #e20026, #97051d);
    background:     -ms-linear-gradient( #e20026, #97051d);
    background:      -o-linear-gradient( #e20026, #97051d);
    background:         linear-gradient( #e20026, #97051d);
	
	box-shadow: 0 0 2px rgba( 0, 0, 0, 0.5),
                0 -1px 0 rgba( 255, 255, 255, 0.4);
}
.bouton:hover{
	border:1px solid grey;
	padding:5px;
	color:white;
	/*arrondis cadre*/
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	-khtml-border-radius: 3px; 
	border-radius:3px;
	
	background: #f4485b;
    background: -webkit-linear-gradient( #f4485b, #c42436);
    background:    -moz-linear-gradient( #f4485b, #c42436);
    background:     -ms-linear-gradient( #f4485b, #c42436);
    background:      -o-linear-gradient( #f4485b, #c42436);
    background:         linear-gradient( #f4485b, #c42436);
	
}
.bouton.active{
	border:1px solid grey;
	padding:5px;
	
	/*arrondis cadre*/
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	-khtml-border-radius: 3px; 
	border-radius:3px;
	
	background: #e1c2e8;
    background: -webkit-linear-gradient( #7d5a88, #7d5a88);
    background:    -moz-linear-gradient( #7d5a88, #7d5a88);
    background:     -ms-linear-gradient( #7d5a88, #7d5a88);
    background:      -o-linear-gradient( #7d5a88, #7d5a88);
    background:         linear-gradient( #7d5a88, #7d5a88);
	
	box-shadow: 1px 1px 10px #543b59 inset,
                0 1px 0 rgba( 255, 255, 255, 0.4);
}

/******************************************************************
						Cadre général 
******************************************************************/
.ariane{color:#f4485b; font-style:italic; font-size:12px;
	}
.ariane a{color:#c42436; font-style:italic; font-size:12px;
	}

.contenu_page_accueil{
	position:relative;
	width:100%;
	min-height:480px;
	}
#carrousel{
		position:absolute;
	width:700px;
	margin-bottom:30px;
	min-height:480px;
    float:left;
	}


.contenu_page{
	position:relative;
	width:650px;
	float:left;
	margin-left:20px;
	padding-right:15px;	
	margin-bottom:30px;
	border-right:1px solid #c42436;	min-height:300px;}
	
#corps_texte_contenu{
	min-height:420px;}
	
.galerie{
	border:1px solid #004a94;
	/*ombre*/
	-webkit-box-shadow: 10px 10px 5px 2px #d2d2d2;
    box-shadow: 10px 10px 5px 2px #d2d2d2; 
	/*arrondis*/
	-moz-border-radius:10px; 
	-webkit-border-radius:10px; 
	-khtml-border-radius: 10px; 
	border-radius:10px;
	height:360px;
	overflow:hidden;
	z-index:100;
	margin-bottom:25px;

}
/* content photos */
#Puzzle{
	max-width:450px; 
	max-height:450px; 
	border:2px solid #c42436;
	}
div.centrer #portfolio{
	margin:auto;
}
/* content videos */
div.centrer #vid{
width:560px;
height:315px;
border:none;}

/* page actualités */
div.centrer #img_actu{
max-width:300px; 
max-height:200px; 
shadow:none;}
/******************************************************************
				Mise en forme widgets
******************************************************************/
.colonne{
	position:relative;
	width:320px;
	margin-top:20px;
	margin-bottom:30px;
	padding-left:15px;
	float:left;
	min-height:300px;
	}	

.widget{
	position:relative;
	width:300px;}
.box{
	position:relative;
	float:left;
	width:299px;
	top:14px;
	background:#fff;
	border:1px solid #c42436;	
	/*arrondis
	-moz-border-radius:10px; 
	-webkit-border-radius:10px; 
	-khtml-border-radius: 10px; 
	border-radius:10px;*/
	
}
.box_col{
	height:auto;
}
	
.box .titre{
		font-family: "brush","brannbollfet", Helvetica, Arial;
		padding-top: 6px;
		color:#fff;
background: #c42436; /* Old browsers */
background: -moz-linear-gradient(top,  #c42436 0%, #f4485b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c42436), color-stop(100%,#f4485b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c42436 0%,#f4485b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c42436 0%,#f4485b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c42436 0%,#f4485b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c42436 0%,#f4485b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c42436', endColorstr='#f4485b',GradientType=0 ); /* IE6-9 */	
	display:block; 
	clear:both;
	position:relative; 
	text-align:center;/*suppr*/
 
	}/*left:40px;width:120px;*/
.box .sstitre{
	color:#004a94;
	position:relative;
	display:inline-block;
	text-align:center;/*suppr*/
	top:5px; 
	width:140px;
	text-align:center;}/*left:45px;*/
.box .titre h2, .box .sstitre h2{display:inline;}
.redim{overflow:hidden; text-align:center; display:inline-block; border:1px solid #f4485b;}
.box2{margin-right:29.5px;}
.box .content{
	position:relative;
	padding:10px;
	width:280px;}
    
.tour{
	height:199px;
    position:relative; margin-bottom:20px;}
.tour img{position:absolute;}  
.imgsstitre{position:absolute;width:300px; bottom:0px;text-align:center; background-color:#fff;padding-top:10px;padding-bottom:5px;font-family: "brush","brannbollfet", Helvetica, Arial;
		color:#fff;left:2px; bottom:-2px;
} 

.tour img, .tour #video, .tourcarte, .widget{
	-webkit-box-shadow: 10px 10px 5px 2px #d2d2d2;
    box-shadow: 10px 10px 5px 2px #d2d2d2; 
	margin-bottom:20px;
	}
.tour #video{
	width:300px;
	height:180px;
	border:none;
}
.entete_test{
	position:relative;
	width:278px;
	text-align:center;
	color:#fff;
	padding:5px 0px;
	background-color:#8f509e;
background-image: linear-gradient(bottom, #673075 28%, #8E509E 75%);
background-image: -o-linear-gradient(bottom, #673075 28%, #8E509E 75%);
background-image: -moz-linear-gradient(bottom, #673075 28%, #8E509E 75%);
background-image: -webkit-linear-gradient(bottom, #673075 28%, #8E509E 75%);
background-image: -ms-linear-gradient(bottom, #673075 28%, #8E509E 75%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.28, #673075),
	color-stop(0.75, #8E509E)
);	font-size:16px;
	}
.ticker{
height:100px;width:1024px;
}

.boutonplus{border:1px solid #6290e4;
padding-left:10px;	
padding-right:10px;	
/*arrondis*/
	-moz-border-radius:10px; 
	-webkit-border-radius:10px; 
	-khtml-border-radius: 10px; 
	border-radius:10px;
}
.back, .next{
	width:19px;
	height:19px;
	display:inline-block;
	position:relative;
	top:3px;}
.back:hover{
	background:url(../img/icones/back_enabled.png) no-repeat;}
.next:hover{
	background:url(../img/icones/forward_enabled.png) no-repeat;}
.back{
	background:url(../img/icones/back_disabled.png) no-repeat;}
.next{
	background:url(../img/icones/forward_disabled.png) no-repeat;}

.content #calendrier, .content #actualites{width:100%;border:none;}


/* Calendrier */
#calend{width:270px;margin:auto;}
.centrer{text-align:center;}
th{font-size:small;}
#calend td{border:1px solid grey;}
.day{width:35px; height:35px; vertical-align:middle; text-align:center; color:grey;
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 2%, #c4c4c4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#f2f2f2), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 2%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 2%,#c4c4c4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 2%,#c4c4c4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 2%,#c4c4c4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */
	
}
.event{width:35px; height:35px; vertical-align:middle; text-align:center; color:grey;
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 0%, #f4485b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#f4485b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#f4485b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#f4485b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#f4485b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#f4485b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f4485b',GradientType=0 ); /* IE6-9 */
}
.day:hover{background:url('../img/widget/select2.png') no-repeat;
}
.dayselect{width:35px; height:35px; vertical-align:middle; text-align:center; color:grey;background:url('../img/widget/select.png') no-repeat;
}
#t_info td{border:0px; text-align:left;padding:5px;
	
}
#t_info td.col1{font-weight:bold; text-decoration:underline;}
.months ul li a.active{color:red;}


/******************************************************************
				Mise en forme tableau DataTables
******************************************************************/
table{
	border-spacing:0px; 
	border-collapse: collapse; 
	}

.tab_article{
	border-spacing:0px; 
	border-collapse: collapse; color:black;
	}
.tab_article td{
	padding:5px;}
.entete2{	text-align:center;
	color:#fff;
	padding:5px;
	background-color:#004a94;
background-image: linear-gradient(bottom, #006cd4 28%, #004a94 75%);
background-image: -o-linear-gradient(bottom, #006cd4 28%, #004a94 75%);
background-image: -moz-linear-gradient(bottom, #006cd4 28%, #004a94 75%);
background-image: -webkit-linear-gradient(bottom, #006cd4 28%, #004a94 75%);
background-image: -ms-linear-gradient(bottom, #006cd4 28%, #004a94 75%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.28, #006cd4),
	color-stop(0.75, #004a94)
);	font-size:16px;
cursor:pointer;vertical-align:middle;
border:1px solid #d2d2d2;
}
.tab_cont1{padding:5px;text-align:center; border:1px solid #d2d2d2;}
.tab_cont2{padding:5px; border:1px solid #d2d2d2;}
td{vertical-align:top;}
/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../plugin/datatables/media/images/back_disabled.png');
}

.paginate_enabled_previous {
	background-image: url('../plugin/datatables/media/images/back_enabled.png');
}

.paginate_disabled_next {
	background-image: url('../plugin/datatables/media/images/forward_disabled.png');
}

.paginate_enabled_next {
	background-image: url('../plugin/datatables/media/images/forward_enabled.png');
}
 /* DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	clear: both;
	_height: 302px;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
	display:inline-block;
}

.dataTables_filter {
	display:inline;
	text-align: right;
    float:right;
}

.dataTables_info {
	float: left;
	display:inline;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: left;
	margin-left:25px;
	text-align: right;
}

/******************************************************************
							Pied de Page
******************************************************************/
#ppage{
position:relative;
clear:both;
top:0px;
width:1024px;
height:35px;
background: url('../img/footer.jpg') #004a94 repeat ;
color:white;
z-index:5;}
#ppage a{
	color:white;}
#ppage a:hover{
	color:#6290e4;}
	
#ppage .ppage_texte{
margin:0;
padding:0;
text-align:right;
position:absolute;
bottom:5px; 
right:10px;}
#ppage .ppage_texte #cle{width:15px;border:none;}