@charset "utf-8";

/* v1.0 | 2017 */


body, .bodybk{background-color:#F5F5F5}
          #menu .button a{background-image:url()}
          #socials{background:url() no-repeat 20px 0px #445E63}
          .mainbk{background-color:#445E63}
          .cmainbk{color:#F5F5F5}
          .abierto{ background:url() no-repeat 20px 0px #445E63}
          .txtcolor{color:#040F05}
          .titlecolor{color:#2C4A33}
          .headlinecolor{color:#445E63}
          .button{background-color:#445E63}
          .button2, .arrow{background-color:#445E63}
          .icobk{color:#445E63}



html, body, div, 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;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* N'oubliez pas de définir les styles de focus! */
:focus {
	outline: 0;
}

/* N'oubliez pas de mettre en évidence les inserts en quelque sorte! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* Les tables ont encore besoin 'cellspacing="0"' Dans le balisage*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* CSS Document */
body{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

#socials{ 
	width:150px; 
	height:38px;  
	margin:0 auto; 
	margin-bottom:20px; 
	background:url(arrow_invert.png) no-repeat 20px 0px #bc1d1d; 
	padding-top:13px;
	display:block; 
	text-align:center;
	
	text-decoration:none;
	}
.abierto{background:url(arrow_invert1.png) no-repeat 20px 0px #bc1d1d!important; }

.bouton0 {
margin:5px 5px 5px 5px;
text-align:center;
text-decoration:none;
width:50%;
color:#fff;
text-shadow: 0px 2px 0px rgba( 255, 255, 255, 0.4);
padding:2px;
min-height :75px;
line-height:3em;
background: #444;
background: linear-gradient( #555, #2C2C2C);
font-size:15px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
box-shadow: 0 0 5px rgba( 0, 0, 0, 1),  0 -1px 0 rgba( 255, 255, 255, 0.6);
}

a:active {
text-decoration:none;
color:#fff;
box-shadow: 1px 1px 10px black inset,  0 1px 0 rgba( 255, 255, 255, 0.4);
}

#header{ text-align:center; padding:20px 0 20px 0;}

#content{ padding:20px 5% 25px 5%; overflow:hidden;}
#content h2{ font-size:14px; text-transform:uppercase; margin-bottom:10px;}
#content h1{ font-size:18px; margin-bottom:10px; text-transform:uppercase; }
#content p{ font-size:15px;line-height:18px;}
#content p img{ float:left; padding:1px; margin-right:10px; }

#menu .buttons{ height:50px; width:90%; margin-top:1px; padding:0 5% 0 5%;}
#menu .buttons a{  text-decoration:none; font-size:14px; display:block; width:100%; background:url(bullet.png) no-repeat center right; line-height:50px;}
#menu .buttons img{ margin-right:20px; float:left; height:50px;}

#footer{ text-align:center;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; line-height:28px;}
#footer a{}

.separators{ width:100%; height:1px;}


/* onbile dynamic styles */

.bodybk{background-color:#F5F5F5;}
.cmainbk{color:#F5F5F5;}
.mainbk{ background-color:#445E63;}
.icobk{color:#2C4A33;}
.titlecolor{ color:#2C4A33;}
.txtcolor{ color:#040F05;}
.uppertitlecolor{ color:#2C4A33;}
.headlinecolor{color:#2C4A33;}