/*
Theme Name: Divi Child
Description: Divi child theme
Author: PDerathé
Template: Divi
creation:1405724
*/







@import url("../Divi/style.css");

body {color:#333;}

#supersized li {}


a {}

.majuscule {text-transform:uppercase;}



hr.clear {border:none;}



.bleu {color:#004793!important;}

.bleuclair {color:#0087B1!important;}

.vert {color:#749E18!important;}

.rouge {color:#E21B19!important;}

.orange {color:#EF8700!important;}

.ombre {box-shadow:2px 2px 4px #333333;}

/************** header *****************/

body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header {top: 64px!important;}

#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {

    background-color: rgba(255, 255, 255, 0.92)!important;z-index:100!important;

}



.et_fixed_nav #logo {max-height: 100px;}

#top-menu li {font-size: 24px;}

#top-menu li a:hover {color:#dd3333!important;}



/*#et-top-navigation {background:url(../../uploads/2014/10/le-sirius-1000x84.png) no-repeat;}*/

.et_fixed_nav #logo {

    float: left;

    max-height: 84px;

}



#et-top-navigation {

    padding-top:28px;

}

/*********** end header *****************/





/******** colonnes ***********************/



/******** fin colonnes ***********************/





/**************** main content ***************************/



#main-content, .et_pb_section , .entry-content {

    background-color: rgba(255, 255, 255, 0.92)!important;

}

.et_pb_section , .entry-content {

    background: none!important;

}



/********** gestion des evenement   *********************/

.evenement {

	background:#FFFFFF;

	padding:10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	border: 1px solid #9A9A9A;

	min-height:380px;

	}

.evenement h2 {text-align:center;}

.evenement h3 {font-size:1.1em!important; color:red!important;text-align:center!important;}



.evenement.rouge  {

	background:#dd3333;}

	.evenement.rouge h2 {color:#fff!important;}

	.evenement.rouge h3 {color:#fff!important;}

	.evenement.rouge p {color:#fff;}

	.evenement.rouge a {color: #9E9E9E;}

	

.evenement.noir  {

	background:#000;}

	.evenement.noir h1 {color:##D90000!important;}

	.evenement.noir h3 {color:#9E9E9E!important;}

	.evenement.noir p {color:#fff;}

	.evenement.noir a {color: #9E9E9E;}



/********** fin gestion des evenement   *********************/



/**************** main content ***************************/



.et_right_sidebar #main-content .container:before {right: 50000px!important;}

.post {

	background:#FFFFFF;

	padding:10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	border: 1px solid #9A9A9A;

	min-height:380px;

	}





/******.page-id-476 : evènements  *********/

.page-id-476 .post {

	width:21.8%;

	min-width:200px;

	margin-right:1%;

	float:left;

	height:600px;

}

/************** colonne gauche **************/



/***** fin colonne gauche ****************/

	

	

/********* colonne centre ****************/

	

/***** fin colonne centre ****************/

	

/***** colonne droite ****************/

/***** fin colonne droite ****************/





/*************** fin colonnes  ****************/





/************ page page-id-476  evenements **************/

.single-post #left-area , .page-id-476 #left-area {margin-right: 0px!important; width: 100%!important;}

/******** fin page page-id-476  evenements **************/


/********** page galerie de photos .page-id-121  *****************/


/****** fin page galerie de photos .page-id-121  *****************/

.page-id-121 .et_pb_gallery_items h3.et_pb_gallery_title {display:none;}

/************** content ***************/

 

/********** end content ***************/







/************************* article (actus) et search *************************/

/*********************fin  article (actus) *************************/







/*********** contact form ***********/

.et_pb_contact p input, .et_pb_contact p textarea {    background-color: #fff;}





/***** end contact form  *********************/











/************** footer ****************/

#footer-widgets {padding-top: 16px;}

.footer-widget {margin: 0 60px 16px 0; width: 80%;}

#footer-widgets .fwidget {padding-bottom: 0px;}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget {width: 80%;}

/********** end footer ****************/





/************* page accueil  ***********************************/

/********** fin page accueil  ***********************************/



/********************************* page plan de site *********************/

/***************************** fin page plan de site *********************/



/************ page agenda ********************/

.entry-content tr th , .entry-content thead th {color: #ccc!important;}

.datepicker {z-index:1000!important;}

/*#tribe-bar-views {display:none!important;}*/



.tribe-events-venue-484  h3 {background: #B2D0FE!important;padding:4px!important;font-size:12px!important;}

.tribe-events-venue-607 h3 {background: /*#ED7E0F;*/#FFCD11!important;padding:4px!important;font-size:12px!important;}

.tribe-events-category-concert h3 {background:#DD3333!important;color: #FFF;padding:4px!important;font-size:12px!important;}
/************ fin page agenda ********************/



/******** page /category/evenement     *******/

.category #left-area .post {width:21.5%; float:left;margin-right:5px;}



/*------------------------------------------------*/

/*---------------[RESPONSIVE LAYOUTS]-------------*/

/*------------------------------------------------*/



/*-------------------[max-width: 600px]------------------*/

@media only screen and ( max-width: 600px ) {



}



/*-------------------[max-width: 799px]------------------*/

@media only screen and ( max-width: 799px ) {

}



/*-------------------[min-width: 800px]------------------*/

@media only screen and ( min-width: 800px ) {

}

/*-------------------[801-980px]------------------*/

@media only screen and ( min-width: 801px ) and ( max-width: 980px ) {

}



/*-------------------[max-width: 979px]------------------*/

@media only screen and ( max-width: 979px ) {

}



/*-------------------[980px -> 1100px]------------------*/

@media only screen and ( min-width: 980px ) and ( max-width: 1100px ) {

}

/*-------------------[980px -> max]------------------*/

@media only screen and ( min-width: 980px ) {



}



/*-------------------[601-1023px]------------------*/

@media only screen and ( min-width: 601px ) and ( max-width: 1023px ) {



}



/*-------------------[max-width: 1023px]------------------*/

@media only screen and ( max-width: 1023px ) {



}



/*-------------------[min-width: 1101px]------------------*/

@media only screen and ( min-width: 1101px ) {



}



/*-------------------[min-width: 1024px]------------------*/

@media only screen and ( min-width: 1024px ) {

}