/** Cascading stylesheet for the all pages **/
p,h1,h2,h3,h4,h5,h6,a {
    font-family : Airstream,Helvetica, Sans-serif;
    color : #A65C45;
}
 
/* @font-face kit by Fonts2u (http://www.fonts2u.com) */
@font-face {
	font-family:"Airstream";
	src:url("fonts/Airstream_NF.eot?") format("eot"),url("fonts/Airstream_NF.woff") format("woff"),url("fonts/Airstream_NF.ttf") format("truetype"),url("fonts/Airstream_NF.svg#AirstreamNF") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
    font-family: "Aubrey";
    font-style: normal;
    src: url('fonts/Aubrey.ttf');
}

/** General content **/
body{
	text-align : center;
	background-color : #f4eec1;
	margin : 0;
	padding : 0;
}
body div#content{
	margin : 5px auto;
	_margin : 5px auto 5px 10%;
	padding : 10px;
	width : 1200px;
	text-align : center;
	border : 10px solid #A65C45;
	position : relative;
/*	min-height : 520px;*/
/*    height : 520px;*/
}
#content p{
	font-size : 20pt; 
}
#content p.note{
	margin : 0;
	clear : both;
}
#column_left{
    margin : 10px 10px 20px 10px;
    width : 350px;
    float : left;
    min-height : 787px;
    _height : 787px;
}
#column_right{
    margin : 10px 0 20px 10px;
    width : 790px;
    float : left;
}
img.retransmission{
	display : block;
}
#column_right h3{
	margin : 20px 0;
}
#column_right  h4{
    margin : 50px 0;
}
#column_right h3, #column_right h4{
	font-family : Airstream,Helvetica,Sans-Serif;
	text-align : left;
	color : #A65C45;
}
#column_right h3{
	font-size : 40pt;
}
#column_right h4{
    font-size : 30pt;
}
#column_right h3.green_color{
	color : #B1C903;
}
#column_right h3.green_color span.red_color{
	color : #e30d1f;
}
h4.picto_seventies{
	margin : 10px inherit;
	background : url("../images/picto_seventies.png") 0 5px no-repeat transparent;
	padding : 0 40px;
}
#logo{
	border : none;
}
#logo img{
	border : none;
}
/** Menu **/
#menu{
	margin : 0 auto;
	padding : 0;
	width : 65%;
	display : block;
}
#menu li{
	list-style-type : none;
	width : 100%;
}
.elem_menu{
	width : 100px;
	height : 100px;
	position : relative
}

.elem_menu img.position_absolute{
	left : 0;
	top : 0;
	z-index : -1;
	border : none;
}
.elem_menu h3{
	text-align : center;
	font-weight : bold;
	z-index : 2;
	font-size : 30pt;
	margin-top : 30px;
    font-family : Airstream,Helvetica, Sans-serif;
}
.elem_menu.text_size_smaller h3{
	margin-top : 35px;
	font-size : 25pt;
	font-family : Airstream, Helvetica, Sans-Serif;
}
.elem_menu.menu_jaune h3 a,.elem_menu.menu_orange h3 a, .elem_menu.menu_rouge h3 a, .elem_menu.menu_marron h3 a{
	color : #FFFFFF;
	text-decoration : none;
}
.elem_menu.menu_jaune h3 a:hover,.elem_menu.menu_orange h3 a:hover, .elem_menu.menu_marron h3 a:hover{
    text-decoration : underline;
}
/** Règles générales **/
a{
	
}
a:hover{
	text-decoration : none;
}
hr{
    color : black;
    z-index : 1;
}
.center{text-align : center;}
.bold{font-weight : bold;}
.left{text-align : left;}
.right{text-align : right;}
.padding10px{padding : 10px;}
.paddingBottom10px{padding-bottom : 10px;}
.paddingLeft10px{padding-left : 10px;}
.smallText{font-size : 0.7em;}
.nomargin{margin : 0;}
.float_right{float : right;}
.float_left{float : left;}
.info_hidden{display : none;}
.position_absolute{position : absolute;}
.text_align_right{text-align : right;}
.text_align_center{text-align : center;}
.text_align_left{text-align : left;}
.exposant{vertical-align : super;}
div#content div.block_error p.message_error{
    font-size : 15px;
    color : red;
    text-align : center;
    font-weight : normal;
    width : 100%;
    font-family : Georgia,Helvetica,Sans-Serif;
    margin : 5px 0;
}
div#content div.block_success p.message_success{
    font-size : 15px;
    color : green;
    text-align : center;
    font-weight : normal;
    width : 100%;
    font-family : Georgia,Helvetica,Sans-Serif;
    margin : 5px 0;
}
div#content div.block_warning p.message_warning{
    font-size : 15px;
    color : #F9BE1B;
    text-align : center;
    font-weight : normal;
    width : 100%;
    font-family : Georgia,Helvetica,Sans-Serif;
    margin : 5px 0;
}

div.block_success{
    border : 3px solid #00ff00;
    background-color : #ffffff;
    width : 75%;
    margin : 10px auto;
    padding : 10px;
}
div.block_error{
    border : 3px solid #ff0000;
    background-color : #ffffff;
    width : 75%;
    margin :  5px auto;
    padding : 10px;
}
div.block_warning{
    border : 3px solid #F9BE1B;
    background-color : #ffffff;
    width : 75%;
    margin :  5px auto;
    padding : 10px;
}

.roundies20px{
    border-radius : 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
.block_middle{
	width : 48%;
}
/** fin règles générales **/
.inscription{
	font-size : 0.9em;
}

#content h1{
    font-family : Airstream, Helvetica, Sans-Serif;
	color : #B1C903;
	font-size : 70pt;
    margin : 0;
}
#box_login{
	position : absolute;
	top : 0;
	right : 5px;
}
#box_login input.input_log{
	width : 80px;
}
#box_login input.input_log_submit{
	width : 70px;
}
#box_login p.message_error{
	margin : 0;
	font-size : 20px;
	width : 240px;
	text-align : right;
}
#connectOn{
	width : 220px;
	position : absolute;
	left : 0;
	top : 0px;
	border : 1px solid black;
	padding : 8px;
	font-size : 0.8em;
	text-align : left;
}
#connectOff{
    max-width : 25%;
	_width : 25%;
    position : absolute;
    left : 0;
    top : 0px;
    border : 1px solid black;
    padding : 8px;
    font-size : 0.8em;
    text-align : left;
}
#connectOff .inputLog, #connectOn .inputLog{
	width : 80px;
}
/*********************/
    /** uploadFiles **/
#fenetreModal{
    position : absolute;
    margin-left : -350px;
    margin-top : -300px;
    left : 50%;
    top : 50%;
    width : 700px;
    display : none;
    z-index : 9999;
}
#close_modal{
	position : absolute;
    left: 50%;
    margin-left: 330px;
    margin-top: -320px;
    top: 50%;
    display : none;
    z-index : 99999;
	width : 45px;
	cursor : pointer;
    height : 45px;
}
#fenetreModal #footer_modal{
    font-size : 9px;
    position : absolute;
    bottom : 5px;
}
.blackModal{
    background-color : black;
}
.whiteModal{
    background-color : #ffffff;
}

.contact_input {
	width : 100%;
}
.contact_input label{
	display : block;
	width : 100px;
}
.contact_input label.contact_message{
	margin-top : 25px;
    margin-right : 10px;
}
/***********/
/** Plugin ClearFix **/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}