/* 
    Document   : styles
    Created on : 14 févr. 2013, 16:10:23
    Author     : fredericrau
    Description:
        Purpose of the stylesheet follows.
*/

body {
    height:100%;
    background: #91c027 url("images/background.png") repeat-x;
    font: 11pt 'Roboto',Arial, Verdana, Sans-Serif;
    font-weight:400;
    color: #FFFFFF;
    text-align:left;
    margin:0;
}

b, strong {
	font-weight:600;
}

a {
	color:#91c027;
    text-decoration:none;
    -webkit-transition: all 0.5s;  
	-moz-transition: all 0.5s; 
	transition:all 0.5s;

}

a:hover {
	color:#1770b8;
    text-decoration:none;
}

h1,h2,h3,h4 {
    font-weight:400;  
    color: #1770b8;
    text-transform:uppercase;
}

h1 {
    font-size:1.6em;
}

h2 {
	color: #009ad8;
    font-size:1.2em;
    line-height:1.2em;
}

h3 {
    font-size:1em;
    line-height:1.2em;
}

h4 {
   font-size:1em;
    line-height:1.2em;
}

p {
    text-align:justify;
    margin:0 0 10px 0;
    padding:0;
    line-height:1.4em;
}

p+h2, p+h1, p+h3, ul+h1, ul+h2, ul+h3 {
	margin-top:30px;
}

p.theme+h1 {
	margin-top:0;
}

.droite { margin:0 0 10px 20px; }
.gauche { margin:0 20px 10px 0; }

.cadre {
	border: 5px solid white; }
.ombre {
	-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.pave {
padding:10px;
-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.alerte {
	border:3px solid red;
}
	
		

.clear, #clear {
    clear:both;
}

.separation {
	line-height:1px;
	height:1px;
	border-bottom:1px dotted #91c027;
	margin:10px 0;
}




.boutonGrand {
	width:100%;
	font-size:1.4em;
	color:#FFE900;
	text-transform:uppercase;
	letter-spacing:0.1em;
	line-height:2em;
}

.boutonGrand:before {
	font-family: 'FontAwesome';
content: '\f0da';
margin:0 10px 0 0;
color: #ffffff;
}

.boutonPetit {
	width:100%;
	text-transform:uppercase;
	letter-spacing:0.1em;
	text-align:right;
}

.boutonPetit:before {
	font-family: 'FontAwesome';
content: '\f0da';
margin:0 7px 0 0;
color: #8dc63f;
}


.suite {
	text-transform:uppercase;
	font-size:0.8em;
	text-decoration:none;
}

.blocFooter .suite {
	font-size:1em;
}

.suivante:before {
	font-family: 'FontAwesome';
content: '\f0da';
margin:0 5px 0 0;
color: #8dc63f;
}

.precedente:before {
	font-family: 'FontAwesome';
content: '\f0d9';
margin:0 5px 0 0;
color: #8dc63f;
}
.all:before {
font-family: 'FontAwesome';
content: '\f0a8';
margin:0 5px 0 0;
color: #8dc63f;}





/************************

          MAIN

************************/


.conteneur {
    display:table;
    width:100%;
    margin:0;
    padding:0;
    vertical-align: top;
    background:url("images/main_background2.png") top center no-repeat;
}

.conteneurHomepage {
	display:table;
    width:100%;
    margin:0;
    padding:0;
    vertical-align: top;
    background:url("images/main_background.png") top center no-repeat;
}
	

.conteneurContent {
   position:relative;
    margin:0 auto;
    width:940px;
    padding:20px;
}


#main {
    width:940px;
    min-height:400px;
    font-weight:400;
    color:#000000;
}

/************************
         SIDEBAR
************************/

#sidebar {
	padding-top:300px;
	width:290px;
	float:left;
	font-size:0.9em;
	font-weight:400;
}

.conteneurHomepage #sidebar {
	padding-top:0px;
}

.paveSidebar {
	background-color:white;
	-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
 border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
}

.paveSidebar:after {
	padding:0;
	display: block;
    content: "";
    width: 290px;
    height: 15px;
    background: #91c027 url('images/ombrePaveSidebar.png') no-repeat;
}

.paveSidebarMain {
	padding:0px;
}

.paveSidebarHeader {
	background-color:#1770b8;
	-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
 border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
text-transform:uppercase;
font-size:0.9em;
font-weight:500;
color:#FFFFFF;
padding:5px;
}

.paveSidebarFooter {
	background-color:#dddddd;
	color:#1770b8;
	text-align:center;
	padding:5px;
	font-size:0.8em;
	text-transform:uppercase;
}

.paveSidebarFooter a {
	color:#1770b8;
}

.paveSidebarFooter a:hover {
	color:#000000;
}


ul.logos, ul.logos li {
	list-style-type:none;
	padding:20px 10px 20px;
	margin:0;
}

ul.logos li {
	padding:0;
	float:left;
	margin:0 13px;
}

ul.news, ul.news li {
	list-style-type:none;
	padding:0;
	margin:0;
}

ul.news li {
	padding:10px;
	background:url("images/separateur_290px.png") bottom center no-repeat;
	-webkit-transition: all 0.5s;  
	-moz-transition: all 0.5s; 
	transition:all 0.5s;
	cursor:default;
}

ul.news li:last-child {
	background:none;
}

ul.news li:hover {
	background-color:#EEEEEE;
}

.news .date {
	color:#1770b8;
	padding:0;
	margin:0;
}

.news .titre {
	padding:0;
	margin:0;
	text-align:left;
}

.news .suite {
	white-space:nowrap;
}
	


/************************
          PAGE
************************/ 

#page {
    width:630px;
    float:right;
}

#page .bloc {
	margin-bottom:20px;
	background-color:white;
	-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
 border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
}

#page .bloc:after {
	padding:0;
	display: block;
    content: "";
    width: 630px;
    height: 15px;
    background: #91c027 url('images/ombrePavePage.png') no-repeat;
}

#page .blocContent {
	padding:10px 20px;
}

#page .blocFooter {
	background-color:#dddddd;
	color:#1770b8;
	text-align:center;
	padding:5px;
	font-size:0.8em;
	text-transform:uppercase;
}

#page .blocFooter a {
	color:#1770b8;
	padding:0 5px;
}

#page .blocFooter a:hover {
	color:#000000;
}

#page .blocFooter a + a {
	border-left:1px solid #999999;
}

.intro {
    font-size:1.1em;
    color:black;
}

.texte {
	position:relative;
}

.texte ul, .texte li {
	list-style-type:none;
}

.texte li {
	margin-bottom:5px;
}

.texte li:last-child {
	margin-bottom:0;
}

.texte li:before {    
font-family: 'FontAwesome';
font-size:0.8em;
content: '\f069';
margin:0 10px 0 0;
color: #009ad8;
}

.texte li ul li:before {
	content:none;
	}




.rubrique {
    text-align:right;
    font-size:1.2em;
    color: #639d21;
    text-transform:uppercase;
    border-bottom:1px solid #EEEEEE;
    margin-bottom:20px;    
}

.theme {
    font-size:0.9em;
    color: #91c027;
    letter-spacing:1px;
}



.actu, .agenda {
    margin:0; 
    padding-bottom:20px;
}

.listeActus, .listeAgenda {
    border-bottom:1px dotted #91c027;
    margin:10px 0 10px;
    padding-bottom:10px;
}


.listeAgenda .infos, .agenda .infos {
    width:650px;
    background-color:#EEEEEE;
    margin:20px 0;
}

.listeAgenda .infos p, .agenda .infos p {
    clear:both;
    font-size:14px;
    line-height:20px;
    margin:0;
    padding:10px;
    border-top:1px dotted #91c027;
    border-bottom:1px dotted #91c027;
}

.paveVideo, .mediatheque {
    width:630px;
    padding:10px;
    background-color:#EEEEEE;
    margin:20px 0;
}

.paveVideo h3 {
    padding:0;
    margin:0 0 10px 0;
}

.paveVideo img {
    background-color:white; border:1px solid #CCCCCC; padding:5px; margin:0 0 20px 20px;
}


.actu h1, .agenda h1 {
    margin-bottom:0;  
    font-size:1.4em; 
    line-height:1.2em;
}

.visuel {
	float:right;
	margin:0 0 10px 20px;
}

.visuel, .vignette {
    margin-bottom:10px;
}

.visuel .copyright {
	font-size:10px;
	text-align:right;
	color:#999999;
}

.agenda_vignettes {

}
.actu_fil {
    width:310px;
    float:left;
}

.agenda_fil {
    width:310px;
    float:right;
}

.actu_light h3, .agenda_light h3 {
        text-transform:none;
}

.actu_light .theme, .agenda_light .theme {
    text-transform:uppercase;
    font-weight:600;
    font-size:12px;
    color:#424242;
}
.actu_light, .agenda_light {
    padding:5px 0;
    border-bottom:1px dotted #91c027;
}
.actu_light p, .actu_light h3, .agenda_light p, .agenda_light h3 {
    margin:0;
    padding:0;
}

.listeActus .theme, .listeActus .theme a, .listeActus h1,
.listeAgenda .theme, .listeAgenda .theme a, .listeAgenda h1 {
    margin:0;
    padding:0;
}

.agenda .meta, .actu .meta {
margin:0;
padding:0;
} 

.actu .date, .agenda .date, .agenda .lieu {
    font-size:0.7em;
    color:#999999;
}





/* -------------------- Navigation -------------------- */
.navigation {
    margin: 10px 0;
    background-color: #EEEEEE;
    padding:5px 0;
    text-align: center;
    font-size:0.95em;
    color : #424242;
    border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
}

.navigation_select {
    margin: 10px 0;
    background-color: #EEEEEE;
    padding:3px 0;
    text-align: center;
    font-size:0.95em;
    color : #424242;
    border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
}

.navigation a.nav {
    text-decoration: none;
    font-weight:bold;
    color: #424242;
    background-color: #F2F2F2;
    padding: 2px 4px 2px 4px;
    border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;

}

.navigation a.nav:hover {
    color: black;
    background-color: #FFFFFF;
    border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
}

.navigation .nav_off {
    text-decoration: none;
    color: #666666;
    padding: 2px 4px 2px 4px;
}

.navigation a.nav_page {
    font-weight:bold;
    text-decoration: none;
    color: white;
    background-color: #424242;
    padding: 2px 4px 2px 4px;
    border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
}

.navigation a.nav_page:hover {
    background-color: #ffffff;
    color:#000000;
    border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
}

.navigation .nav_page_off {
    font-weight:bold;
    text-decoration: none;
    color:white;
    background-color: #91c027;
    padding: 2px 4px 2px 4px;
    border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
}



/* --------------------------------------------------- */
/*                                                     */
/*                       CONTACT                       */
/*                                                     */
/* --------------------------------------------------- */

#contact #formulaire {
	padding-bottom:20px;
	margin:30px 0;
border-top:1px dotted  #009ad8;
border-bottom:1px dotted  #009ad8;

}



/* -------------------- formulaire -------------------- */
#formulaire {
margin-bottom:20px;
margin-top:10px;
}

#formulaire td {
padding:15px 10px 0 0;
vertical-align:middle;
white-space:nowrap;
}

#formulaire td.champs {
	text-align:right;
	width:250px;
	vertical-align:middle;
	font-size:12px;
}

#formulaire td.champs .obligatoire {
	color:#ff5f04;
	font-weight:bold;
}


#formulaire td.erreurform {
padding:2px 10px 0 0;
vertical-align:middle;
font-size:9px;
color:#ff5f04;
text-transform:uppercase;
}

#formulaire td.infoform {
padding:2px 10px 0 0;
vertical-align:top;
font-size:11px;
color:#ff5f04;
white-space:normal;
}

#formulaire td.separationtableau {
line-height:1px;
height:1px;
padding:5px 0; 
}

#formulaire td.separationtableauligne {
line-height:1px;
height:1px;
border-bottom:1px dotted #009ad8;
}


#formulaire td.submit {
padding:15px 0 0;
}

#formulaire input {
font-size:14px;
padding:5px;
border:1px solid  #91c027;
background-color: #ffffff;
color:inherit;
color:black;
}

.pleinelargeur {
width:100%;
}

#formulaire .textbox {
width:100%;
height:100px;
font-size:14px;
padding:5px;
border:1px solid  #91c027;
background-color: #ffffff;
color:inherit;
color:black;
}

#formulaire input.submit {
	border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
font-weight:800;
font-size:16px;
text-transform:uppercase;
   margin-top:10px;
        background-color: #91c027;
        border-color: #91c027;
                width:210px;
                cursor:pointer;
                  -webkit-transition: all 0.5s;  
	-moz-transition: all 0.5s; 
	transition:all 0.5s;
	-webkit-box-shadow:  0px 3px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:  0px 3px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow:  0px 3px 10px 0px rgba(0, 0, 0, 0.3);
}

#formulaire input.submit:hover {
	     background-color:#1770b8;
        border-color:#1770b8;
        color: #FFFFFF;
        cursor:pointer;
}

#formulaire input.disabled, #formulaire input.disabled:hover {
background-color:#e2f0fa;
background-image:none;
cursor:default;
color:white;
}



#formulaire td.rubrique {
padding:5px 5px 3px;
text-transform:uppercase;
font-weight:400;
font-size:0.9em;
color:white;
letter-spacing:0.1em;
background-color:#1770b8;
text-align:left;
}

#formulaire td.mentions {
white-space:normal;
font-size:0.9em;
color:#444444;
}



.formListeVignettes {
	list-style-type:none;
}

.formListeVignettes li {
	margin-bottom:5px;
	font-size:0.9em;
}

.formListeVignettes img.vignette {
	vertical-align:middle;
	margin-right:10px;
	border:2px solid white;
}

.formListeVignettes img.vignette:hover {
	-webkit-box-shadow:  0px 0px 0px 3px #91c027;
-moz-box-shadow:  0px 0px 0px 3px #91c027;
box-shadow:  0px 0px 0px 3px #91c027;

}




/* --------------------------------------------------- */
/*                                                     */
/*                    PHOTOTHEQUE                      */
/*                                                     */
/* --------------------------------------------------- */


#phototheque {
margin-top:20px;
}

#phototheque #thumbs {
margin-top:10px;
}

#phototheque #thumbs a img {
background-color:white;
padding:5px;
margin:0 7px 7px 0;
cursor:pointer;
-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

#phototheque #thumbs a:hover img {
background-color:#009ad8;
}

#phototheque .galerie {
position:relative;
float:left;
width:390px;
min-height:200px;
padding:10px;
margin:0 10px 10px 0;
background-color:white;
text-align:justify;
-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.galerie .nbphotos {
background-color:#1c2e68;
padding:1px 4px;
border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
position:absolute;
top:10px;right:10px;
font-size:12px;
color:white;
}

.galerie .meta {
position:absolute;
top:30px;right:10px;
font-size:10px;
color:gray;
}


/* --------------------------------------------------- */
/*                                                     */
/*                    VIDEOTHEQUE                      */
/*                                                     */
/* --------------------------------------------------- */

#videotheque {
margin-top:20px;
}

#videotheque #thumbs {
	margin-top:10px;
}

#videotheque .video {
position:relative;
float:left;
width:630px;padding:10px;margin:0 10px 10px 0;
background-color:white;
text-align:justify;
-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);}



#videotheque .photo a img {
background-color:white;
padding:5px;
margin:0 7px 7px 0;
-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

#videotheque .photo a:hover img {
background-color:#e20040;
}

.video .meta {
font-size:9px;
color:gray;
}

.video .duree {
background-color:#e20040;
padding:1px 4px;
border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
position:absolute;
top:83px;left:20px;
font-size:9px;
color:white;
}

.video .infos {
float:right;
width:480px;
}