@charset "utf-8";

/* General
---------------------------------------- */
html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

p, blockquote, q, pre, address, hr, code, samp,
dl, ol, ul, form, table, fieldset, menu {
	/*margin-bottom: 0.5em;*/
}

/* Structure
---------------------------------------- */
html {font-size: 100%;}
body {
	font-family: arial, verdana, times, "times new roman", serif;
	font-size: 12px;
	line-height: 1.5;
}
/* Text
---------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1 {	font-size: 3em;}
h2 {	font-size: 2em;}
h3 {	font-size: 1.5em;}
h4 {	font-size: 1.25em;}
h5 {	font-size: 1em;}
h6 {	font-size: 1em;}

em, i {	font-style: italic;}
strong, b {	font-weight: bold;}
blockquote, q, cite {	font-style: italic;}
blockquote, q {	quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}

code, kbd, pre, samp, tt {
	font-family: "andale mono", consolas, monaco, "lucida console", "courier new", courier, monospace;
	line-height: 1.3;
}

pre {
	/* word-wrap: break-word; */
	white-space: pre-wrap;
}

abbr, acronym, dfn {
	border-bottom: 1px dotted;
	cursor: help;
	font-variant: normal;
	font-style: normal;
}

var {
	font-style: normal;
}

center {
	text-align: center;
}

/* Hypertext
---------------------------------------- */
a:focus {
	outline: 1px dotted;
}

/* Image
---------------------------------------- */
img {
	border: 0;
}

/* List
---------------------------------------- */
ul {
	list-style: disc outside none;
}

ol {
	list-style: decimal outside none;
}

li {
	margin-left: 2em;
}

li ul, li ol {
	margin-bottom: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 1em;
}

/* Presentation
---------------------------------------- */
hr {
	border: 0;
	border-bottom: 1px solid;
}

big {
	font-size: 1.25em;
}

small, sub, sup {
	font-size: .85em;
}

sub, sup {
	line-height: 1;
}

sub {
	vertical-align: bottom;
}

sup {
	vertical-align: top;
}

del, s, strike {
	text-decoration: line-through;
}

ins {
	text-decoration: none;
	border-bottom: 1px dotted;
}

bdo {
	border-bottom: 1px dotted;
}

u {
	text-decoration: underline;
}

/* Form
---------------------------------------- */
fieldset {
	padding: 1em;
}

legend {
	font-weight: bold;
	padding: 0 .25em;
}

input, textarea, select, button {
	font-family: inherit;
	font-size: 1em;
}

input[type=button], input[type=file], input[type=image], input[type=reset], input[type=submit], 
button[type=button], button[type=reset], button[type=submit] {
	cursor: pointer;
	line-height: 1;
}

input[type=text], input[type=password], textarea {
	padding: 1px;
}

textarea {
	text-align: left;
	line-height: 1.25;
}

/* Table
---------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}

caption, th, td {
	text-align: left;
	vertical-align: top;
}

caption {
	padding-bottom: 1em;
}

th {
	font-weight: bold;
}

/* Clearfix
---------------------------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix {
	zoom: 1;
}

*:first-child+html .clearfix {
	zoom: 1;
}

body {
	font: 12px Helvetica, Arial, sans-serif;
	color: #000;
	/*background-color:#024d77;*/
	background: #0299F0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #000000 0%, #2989d8 50%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(50%,#2989d8), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 0%,#2989d8 50%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000000 0%,#2989d8 50%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000000 0%,#2989d8 50%,#000000 100%); /* IE10+ */
background: linear-gradient(top,  #000000 0%,#2989d8 50%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-8 */

}

#header, #content, #content-bottom, #footer, #menu {
	position: relative;
	width: 980px;
	margin: 0 auto;
}
#iframe_modules{
	position: relative;
	top:20px;
	width: 980px;
	height:800px;
}



/*
////////////////////////////////////////////////////////////////////////////////
//
//  Login
//
////////////////////////////////////////////////////////////////////////////////
*/

#bodyLogin {
	background: #F2F2F2 none;
	text-align: center;
	font-size: 11px;
}

#bodyLogin .loginConnect {
	width: 274px;
	height: 226px;
	margin: 20px auto;
	background: url(../Images/connexion.png) 0 0 no-repeat;
	position: relative;
}

#bodyLogin .login label {
	position: absolute;
	top: 43px;
	left: 20px;
}

#bodyLogin .input {
	position: absolute;
	left: 23px;
	background: #ececec;
	border: 0 none;
	width: 220px;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
}

#bodyLogin .login .input {
	top: 60px;
}

#bodyLogin .password label {
	position: absolute;
	top: 94px;
	left: 20px;
}

#bodyLogin .password .input {
	top: 111px;
}

#bodyLogin .lostpassword {
	position: absolute;
	top: 180px;
	padding: 0 20px;
	left: 0;
}

#bodyLogin .lostpassword a, #bodyLogin .lostpassword a:hover, #bodyLogin .lostpassword a:visited {
	font-weight: normal;
}

#bodyLogin .submit {
	position: absolute;
	top: 140px;
	left: 90px;
}

#bodyLogin .error,#bodyLogin .error span {
	color: red;
	font-weight: bold;
}

/* -- GNV --- */
#desc {
    BACKGROUND-COLOR: transparent;
    BORDER-BOTTOM: silver 1px;
    BORDER-LEFT: silver 1px;
    BORDER-RIGHT: silver 1px;
    BORDER-TOP: silver 1px;
    MARGIN: 1px 0em;
    TEXT-ALIGN: justify;
    TEXT-INDENT: 0%;
}
.DBody {
    color : #000080; 
	font-size : xx-small; 
	font-family: Verdana; 
 
	padding-top: 2;
}
.DDate {
	color : #000080; 
	font-size : xx-small;
}
.DHead {
    color: #FFFFFF;
	background-color: #8183A2; 
	font-family: verdana; 
	font-size: 10pt; 
	font-style: normal; 
    font-weight: bold; 
}
.permLec:link {
	color : #FFFFFF;
	font-size : xx-small;
	font-weight : bold;
	text-decoration: none;
}
.LayCatPathText {
	font-family: verdana;
	font-size:xx-small;
	font-weight: normal;
	color: #000080;
}
#LayCatPathHref {
	font-family: verdana;
	font-size:xx-small;
	font-weight : bold;
	text-decoration: none;
	color: #000080;
}
#LayCatPathHref:hover {
	font-family: verdana;
	font-size:xx-small;
	font-weight : bold;
	text-decoration: none;
	color: #FF0000;
}
.LayCatChildTitle {
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #7C7C7C;
	margin : 10px;
	background : #DFDFDF;
}
.LayCatLayoutTitle {
	font-family: verdana;
	font-size:xx-small;
	font-weight: normal;
	color: #000080;
}

/******************
/* CHARTE
/******************/
.bleuclair{color:#02A2FF;}
.bleu{color:#0B80C4;}
.bleufoncé{color:#025C8F;}

h1, h2, h3, h4, h5, h6, h7, p{color:#022A41;}
h3 a:link,h3 a:visited,h3 a:active,h3 a:hover{color:#022A41;text-decoration:none;}
h3 a:hover{text-decoration:underline;}

#page {width:980px;background-color:#fff;height:100%;}

#menu{background-color:#fff;width:980px;}
#menusite ,#menu img{padding:0;margin:0;}
#menusite {width:980px;float:left;padding-left:155px;}
#menusite li{list-style:none;float:left;padding:5px 30px 5px 30px;
background: #a7cfdf; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYTdjZmRmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjMDM3ZmM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(-45deg,  #a7cfdf 0%, #037fc4 45%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a7cfdf), color-stop(45%,#037fc4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #a7cfdf 0%,#037fc4 45%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #a7cfdf 0%,#037fc4 45%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #a7cfdf 0%,#037fc4 45%); /* IE10+ */
background: linear-gradient(-45deg,  #a7cfdf 0%,#037fc4 45%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#037fc4',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}
#menusite li, #menusite a:link,#menusite a:visited,#menusite a:active{color:#fff;font-weight:bold;text-decoration:none;border-radius:0px 0px 5px 5px;}
#menusite li:hover{color:#fff;background-color:#000;}

#logoasso{width:175px;text-align:center;padding-top:20px;float:left;position:relative;}
#logo_main{display:block;}
#logoasso h3{font-size:11px;
/*border:1px dashed red;*/
display:block;}
#rotator_1{display:inline;float:left;width:800px;position:relative;}
#rotator_1 a:link, #rotator_1 a:visited, #rotator_1 a:active,#rotator_1 a:hover{background-color:#fff;color:#fff;text-decoration:none;}


#publicite_main{width: 150px;display:inline-block;float:left;padding:10px;}
#content {text-align:left;display:inline-block;background-color:#fff;color:#000;min-height:400px;padding:10px;width: 780px;}
#footer {background-color:#037FC4;}
#footer a{color:#fff;text-decoration:none;}

.agenda{border-bottom:1px dotted #022A41;margin-bottom:10px;}
#tbAgenda{width:480px;}
#tbAgenda h3{font-size:1em;}
#tbAgenda td{padding:5 0 0 10;font-size:0.8em;}
#tbAgenda img{margin:-5 0 0 -5;}

#publicite{background-color:#fae69e;border:1px solid #eda92b;width:auto;padding:10px;size:13px;}
#publicite li{list-style:none;margin:10 0 10 0;font-size:13px;}
#publicite h6{text-align:center;}

#assoTdJ,#objetasso,#reuniontype,#apresmidi,#ludobar{float:left;margin:5px;display:inline-block;width:350px}
#objetasso{background-color:#2784D1;border-radius:5px;padding:10px;}
#objetasso p{color:#fff;padding:5px;}
#objetasso h2{color:#DEDEDE;}
#reuniontype{text-align:center;padding:20px 0px;border:0}

.bloctext{border-radius:0px 10px 10px 10px;border:1px #efefef solid;padding:10px;}

#contact{width:600px;}
#contact td.lib{width:150px;}

#newsletter_main{width:350px;margin:10px;display:inline-block;}
#newsletter_main h2{font-size:14px;}
#agenda_main{width:350px;float:left;margin:10px;display:inline-block;}
ul#agenda{margin:20px 0px 20px 20px}
ul#agenda li{margin:10px 0px;list-style:square;}
h3.accroche{display:block;width:160px;}

#boutique #description, #boutique #gmap{float:left;margin:5px;display:inline-block;width:350px}
#boutique #adresse{margin:20px 0px;}
#boutique #adresse img{margin-right:10px;}
#boutique #gmap{padding:0px;}
