/* CSS Document */
@font-face { 
  font-family: 'Oswald'; 
  src: url('police/Oswald-Regular.ttf'); 
}




body{
	padding:0;
	margin:0;
	background:url(img/header_bg.gif) 0 0 repeat-x ;
	background-color:#FFF; 
}




#divlien_blog , #divselection{ position:fixed; width:60px; height:100px;
 background-color:#2f6429;
  -moz-border-radius: 25px 0 0 25px;
	-webkit-border-radius: 25px 0 0 25px;
	border-radius: 25px 0 0 25px;
	top:45%; right:0; z-index:10;
	 font-family:Oswald, sans-serif; font-size:16px; 
	 color:#FFF; padding:0 20px;
-webkit-box-shadow: 0 3px 8px #000;
-moz-box-shadow: 0 3px 8px #000;
box-shadow: 0 3px 8px #000; 
}
 #divselection{  width:120px; height:50px; top:20%; line-height:25px;
 font-family:Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:10px 20px;  }

.content_blog { background-color:#FFF; padding:5px 10px; margin-top:5px;  color:#555; display:none;}
.content_right , .content_right2{ font-family:Oswald, sans-serif; font-size:16px;  background-color:#FFF; padding:5px 10px; margin-top:5px; color:#555; margin-right:5px;}
 .content_right2{ background-color:#e4e4e4; transition-property: all;
				transition-duration: 0.2s;
				transition-timing-function: ease-out; cursor:pointer;	 }
  .content_right2:hover{ background-color:#2F6429; color:#fff;}
.textblog{ font-size:12px;}
.close_divblog{margin:20px 30px 0 0; float:right; cursor:pointer; display:none;}

#chemin{  padding:0 15px; font-family: Arial, Helvetica, sans-serif; font-weight:200; 
line-height:30px; color:#fff; margin-bottom:1px; background-color: #2F6429; font-size:13px;  }
#chemin a { color:#fff; margin:0 2px ;}
#chemin a:hover { font-weight:300; }
#div_admin{ width:100%; min-height:40px; background-color:#CCC; 
 font-family:Oswald, sans-serif; font-size:14px; 
}
.close_admin{ cursor:pointer; float:right; margin:10px;}
.supp_media{ cursor:pointer; float:right; margin:10px;}
.supp_slid{ cursor:pointer; float:right; margin:10px;}

#div_admin p{ padding:10px 20px;}
#language{
	width:80%; background-color:#2f6429;
	height:20px;
	position:relative;
	margin:0 auto; 
}
#language .lang1{ color:#2f6429; background-color:#E2E3E4; float:right; margin-right:5px; padding:0 5px;
}
#language .lang2{ float:right; margin-right:30px; padding:0 5px; color:#e2e3e4;cursor:pointer;}

#header{
	width:80%; background-color:#E2E3E4;
	height:100px;
	position:relative;
	margin:0 auto; 
		/*background:url(img/head2.jpg) 0 0 no-repeat;*/
		background-size: 100%; z-index:3;
		
		-moz-box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 2px #999;
	box-shadow: 1px 1px 2px #999;	
}
#conteneur{
	width:80%; 
	min-height:600px;
	margin:2px auto 0 auto;
	 background-color:#E2E3E4;
	 padding-bottom:5px;
	 font-size:0px;
	 }
	 
.contentLeft {
    margin:0;
    width: 61.5%;
    position: relative;
    float: left;
	min-height:600px; 
	
}
.contentright {
    margin: 0px;
    width: 38%; 
  
    position: relative;
    float: right;
	min-height:600px; 
}


	 
.contentLeft_corpo{
    margin:0;
    width: 30%;
    position: relative;
    float: left;
	min-height:600px;
    min-width:300px;	
	
}
.contentright_corpo {
    margin: 0px;

      width: 69.5%;
    position: relative;
    float: right;
	min-height:600px;
	
}

.contentLeft_corpo a:hover{ text-decoration:none;}


 @media screen and (max-width:712px){ 
 
 .contentLeft {  width: 100%; 	min-height:300px;  float:none;}
 .contentright {  width: 100%; min-height:300px; float:none;}
 
   }	 
	 

 @media screen and (max-width:1200px){ 
 .contentLeft_corpo {  width: 100%; 	min-height:300px;  float:none;}
 .contentright_corpo {  width: 100%; min-height:300px; float:none;}
 
   }	 
	 
#footer{ width:80%; min-height:200px;  background-color:#E2E3E4; padding:0 10%; text-align: center;}

#menuWrap , #div_search_input {
	
    float: right;
	   padding:40px 22px 0 0;
	   font-family:Oswald, sans-serif; font-size:15px; 
}

 #div_search_input{padding:15px 0 0 0; width: 69.5%;}

#menuWrap_resp {  float:right; height:90px; width:100px; background-color:#2F6429; display:none;
background:url(img/icones/Hamburger.png) 20px 25px no-repeat; cursor:pointer;}

 @media screen and (max-width:420px){  #menuWrap_resp { height:80px; width:80px; position:absolute; 
 right:5px;} }

#menu_resp{
	width:90%; 
	margin:0 5%;
	 position:absolute; z-index:10;
	    font-family:Oswald, sans-serif; font-size:25px; color:#FFF;  overflow:hidden; display:none; 
	 }
#ulmenu_resp { list-style-type: none;
text-align: center; color:#fff;  width:100%;
	margin:0;}
	
	#ulmenu_resp li{  background-color:#2f6429; line-height:65px; margin-bottom:5px;}

#ulmenu_resp a{  color:#fff;}

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

#header{ width:90%;}
#conteneur{	width:90%;} 
#footer{ width:96%;  padding:0 2%; }
#menuWrap { display:none;}
#menuWrap_resp { display:block;}
		 }


 @media screen and (max-width:924px){
	 #header{ width:100%;}
#conteneur{	width:100%;} 
#footer{ width:96%;  padding:0 2%; }
#menu_resp{
	width:100%; 
	margin:0;}
	 
	 }


.logoWrap {
    float: left;
    padding:0;  height:75px;
}


.logoWrap img {
    height: 75px;
    margin: 15px 15px 0 15px;
}





#menuWrap ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#menuWrap ul li { display: inline; }

#menuWrap ul li a
{
text-decoration: none;
padding: 0 1em;
color: #466942;

}

#menuWrap ul li a:hover
{
color: #4f8149;

}


#myCarousel , #latest{ width:99%; margin-left:0.5%;}
#latest{ margin-top:-15px;}


 #latest{ background-color:#FFF;}

/* Thumbnail Box */
.caption {
    min-height: 100px;
    width: 100%;
    margin: 5px 0px 0px 0px;
    padding: 20px 20px 0px 20px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	background-color:#fff;
	font-family:Oswald, sans-serif;
}
.caption .span4, .caption .span8 {
    padding: 0px 5px;
}
.caption .span4 {
    border-right: 1px dotted #CCCCCC;
}
.caption h3 {
    color: #4f8149;
    line-height: 1.2em;
    margin: 0 0 5px;
    text-transform: uppercase;
	font-size:16px;
	 
    }
	
 @media screen and (max-width:420px){ 
 
 .caption h3 {} 
 .caption {
    padding: 20px 5px 0px 5px;}
 
  }	
    .caption p {
        font-size: 1rem;
        line-height: 1.6rem;
        color: #555;
        }
        .btn.btn-mini {
            background: #2f6429;
            border-radius: 0 0 0 0;
            color: #fbf4e0;
            font-size: 0.63rem;
            text-shadow: none !important;
            }
			.btn-mini:hover{ background:#488a41;}
.carousel-control {
    top: 33%;
}
 @media screen and (max-width:420px){  .control-box {top:30px;
} }

.last_news{ width: 32.5%; display:inline-block; vertical-align:top; background-color:#FFF;color:#777;
 font-family:Helvetica, sans-serif; font-size:13px;  height:100%; overflow:auto;}
 
 @media screen and (max-width:924px){ .last_news{ width:100%; height:auto;}   } 
 
 
 
 .panel_desc{ width:67.5%; display:inline-block; vertical-align:top; background-color:#FFF;color:#777;
 font-family:Helvetica, sans-serif; font-size:0;  min-height:300px;}
 
  @media screen and (max-width:924px){  .panel_desc{  width:100%; border-top:solid 5px #2F6429; height:auto;}   }
 
 
.title{  height:60px; line-height:60px;  background:#2f6429; color:#FFF;
 font-family:Oswald, sans-serif; font-size:15px; padding:0 22px;}
 .p_news , .h_news{ margin:0 22px;}

   .suite{ color:#4f8149; font-weight:bold;}
   
   
   
  #panel_view_page {
	  width:50%; display:inline-block; vertical-align:top; background-color:#FFF;color:#777;
 font-family:Helvetica, sans-serif; font-size:13px; overflow:hidden; position:relative;}
   
    #panel_view_page img{  width:100%;}
	
	
	
	
   #panel_view_page .descpan { height:130px; bottom:0px; background-color:#FFF; 
   filter:alpha(opacity=70); opacity:.7; position:absolute;  width:100%;}  
   
    #panel_view_page .descpan  p { padding:5px 10px;  color:#4f8149; font-weight:bold;
	 font-family:Oswald, sans-serif; font-size:16px; word-spacing:10px;}
   
   
 @media screen and (max-width:924px){  #panel_view_page img{ width:100%; height:auto;}   }


 @media screen and (max-width:402px){  #panel_view_page { width:100%; }   }

#link-list { position:relative; margin: 0px 22px; list-style-type: none; font-family:Helvetica, sans-serif;
text-align: center; }
.title_footer{  font-family:Oswald, sans-serif; font-size:16px; color: #4F8149; line-height:40px;}
.title_footer:hover{color: #4F8149; }

#link-list  li { display: inline-block;  padding: 0 2em; text-align: left; max-width:300px; }

 @media screen and (max-width:1712px){
 #link-list  li { display: inline-block;  padding: 0 0.5em; text-align: left;}
 
 }
 
 
#link-page { position:relative; margin: 0px; list-style-type: none;  text-align: left;}
#link-page  li { display: table-row; }

#link-page  a { color:#777; text-decoration:none;  }

#link-page  a:hover { color:#333;}
#copyright{ font-family:Arial, Helvetica, sans-serif; color:#777; line-height:30px;}


#divfixe_op2{ width:100%; position:fixed; background-color:#000; 
filter:alpha(opacity=70); opacity:0.7; color:#555; font-size:18px; height:100%; z-index:3;
 }
 #paneladmin{ z-index:4;
  background-color:#E2E3E4;
  position:fixed; color:#555;
  left:10%; overflow:auto; 
	width:80%; 
	height:100%;
} 
 #titreadmin { color:#fff; font-weight:bold; background-color:#4f8149;
	 font-family:Oswald, sans-serif; font-size:16px; word-spacing:10px; width:100%; position:relative;
	 height:40px; line-height:40px;}
	 
#titrepage , #titrepage2   , #titrepage3   { color:#fff; font-weight:bold; background-color:#2F6429;
	 font-family:Oswald, sans-serif; font-size:16px; word-spacing:5px; width:100%; position:relative;
	 line-height:60px; min-height:60px;
	 }

#titrepage2{ background-color: #c6c7c7; }
#titrepage3{ background-color: #2F6429; }
#titreart , #teleg_div{ font-family:Oswald, sans-serif; font-size:14px;  height:40px; line-height:40px; padding:0 30px;
background-color:#f3f3f3; color:#466942; }

#teleg_div{ height:auto; line-height:32px; color:#555; padding:0 30px;}
 #teleg_div .pdf_titre{ margin:0 5px; white-space: nowrap; }
 #teleg_div .pdf_lien{  margin:0 5px; white-space: nowrap;}
.read_art{ font-weight:bold; margin:0 30px; float:right; font-family:Oswald, sans-serif; font-size:13px;
color:#777;}
.read_art:hover{ color:#555;}
.spdat{float:right ; font-size:12px; color:#777;}
	 	 
.text{ background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:15px; margin:0 0 5px 2px;
padding:20px 10px 40px 10px; line-height:18px; color:#555;}	 
#titrepage h1{ padding:5px 15px;  font-family:Oswald, sans-serif; font-size:20px;}	 
#titrepage2 h2{ padding:5px 15px;  font-family:Oswald, sans-serif; font-size:18px; line-height:36px;
color:#555;}	
	 
 #titreadmin span{ padding:5px 10px;  }
  #tableadmin{ margin:5px 10px;  }
  #tableadmin .categ{  font-family:Oswald, sans-serif; font-size:14px; word-spacing:10px; padding:0 20px;  }
  
  #uploadfiles{ background-image:linear-gradient(white, #bbbbbb);
	 text-decoration:none; 
	 color:#555; 
	 padding:5px 10px 5px 10px;
	 -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	 border:1px #bbbbbb solid; line-height:50px;}
	 
	 .clear {
  clear: both;
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
}
  #img_import{ 
 background-color:#FFF;

}
.edit_art , .join_pdf{ font-size:12px;}


.bloc_inline{ display:inline-block; position:relative; vertical-align:top;}
.lbl{ width:20%; margin-left:10px; min-width:100px;}
.inpt{ width:65%; margin-left:10px; min-width:300px;}
.texto{ background-color:#ced0d0; font-family:Arial, Helvetica, sans-serif; font-size:14px;
padding:10px 10px 40px 10px; line-height:18px; color:#555;
font-family:Oswald, sans-serif; font-size:16px;
}

.alert , .okkk{ background-color:#ced0d0; font-family:Arial, Helvetica, sans-serif; font-size:14px;
padding:10px 10px 40px 10px; line-height:18px; color:#f00;
 font-size:14px; margin-bottom:5px;
}
.okkk{ color:#060;}

#inscript{ padding:10px; display:none;}
.star{   line-height:35px; font-weight:bolder;  font-size:18px; color:#999; position:absolute;
right:0;}

 #nom_info , #prenom_info , #email_info , #message_info , #matricule_info , #telephone1_info  , #telephone2_info ,  #service_info { 

	 min-height:30px; line-height:16px; font-size:13px; 
	font: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
box-shadow: 0 3px 8px rgba(0, 0, 0, .25); background-color:#fff;
background-image: linear-gradient(#fff, #F3F3F3); text-align:left; padding-left:2%;
position:absolute; margin-left:40%; width:62.2%; margin-top:-40px; z-index:2; 
 -moz-border-radius: 0 10px 10px 15px;
-webkit-border-radius: 0 10px 10px 15px;
border-radius: 0 10px 10px 15px; display:none; 


}

.bannerImage{ width:100%; overflow:hidden; max-height:700px;}
.bannerImage img{ width:100%; }

#panel_connectadmin{  margin:90 auto; display:block;
width:280px; height:auto; padding:10px; background-color:#f3f3f3; 
-moz-box-shadow: 0 3px 8px #999;
	-webkit-box-shadow: 0 3px 8px #999;
	box-shadow: 0 3px 8px #999;
	color:#555;
	font-family:Oswald, sans-serif; font-size:14px;
	
	}
	#select_art , #config_slide{ height:500px; overflow:auto; border-bottom:solid #c6c7c7 10px;
	 border-top:solid #c6c7c7 10px;}
	 
	 .add_slider{background: #2f6429;
	 display: inline-block;
color: #fbf4e0;
font-size: 0.63rem;
text-shadow: none !important; padding:2px 5px;}
 .add_slider:hover{ color:#555; text-decoration:none; background: #c6c7c7;}
 
 .selslid{ max-width:300px;}
 .ordre_img{ margin-top:-50px; }
 .img_slid{ margin:10px; background-color:#FFF;}
 #loader_big{ position:absolute; z-index:999; width:10%; margin:100px 45%;}
 #player{ 
	 	width:80%; min-width:300px; 
	height:300px;
	position:relative;
	margin:10px auto; }
	
#passguide{line-height:5px; height:5px; position:absolute; margin:-10px 0 0 10px;}	
#passguide li{ display: none; line-height:5px; height:5px; width:10px; background-color:#999;}	
#passguide .rouge{ background-color:#F30;}	
#passguide .orange{ background-color: #F9FE2C;}
#passguide .vert{ background-color:#2F6429;}

#service_info , #nom_info , #prenom_info , #email_info , #password_info , #password_confirm , #juri_info ,
#nom_shop_info  , #matricule_info , #telephone_info , #matricule_info , #telephone1_info  , #telephone2_info{ 

	 height:40px; line-height:40px; font-size:12px; 
	font: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
box-shadow: 0 3px 8px rgba(0, 0, 0, .25); background-color:#fff;
background-image: linear-gradient(#fff, #F3F3F3); text-align:left; padding-left:2%;
position:absolute; margin-left:30%; width:70.2%; margin-top:-50px; z-index:5; 
	 -moz-border-radius: 0 0px 10px 15px;
-webkit-border-radius: 0 0px 10px 15px;
border-radius: 0 0px 10px 15px; display:none;


}

#service_info{
}


#desc_sugest , #desc_sugest2 , #desc_sugest3 , .desc_sugest2{ background-color:#fff;  width:96%; padding:5px 1%; line-height:14px; margin-left:1%;
	border:0.1em #E6E6E6 solid;
 display:inline-block; vertical-align:top;
	-moz-box-shadow: 0 3px 8px #999;
	-webkit-box-shadow: 0 3px 8px #999;
	box-shadow: 0 3px 8px #999;
	margin-top:10px;
	 font-size:13px;
	
	
	
	/* Fonctionne déjà sur webkit */
		    -webkit-transition-property: -webkit-box-shadow ;
				-webkit-transition-duration: 1s;
				-webkit-transition-timing-function: ease-out;
				
				/* Bientôt supporté par Firefox */
        -moz-transition-property: -moz-box-shadow ;
				-moz-transition-duration: 1s;
				-moz-transition-timing-function: ease-out;
				
				/* … et lorsque ce sera standardisé */
				transition-property: box-shadow;
				transition-duration: 1s;
				transition-timing-function: ease-out;	  
}
	#desc_sugest3{ 	background-color:#d4e6d2; line-height:20px;}
	#desc_sugest2:hover , .desc_sugest2:hover { -moz-box-shadow: 0 3px 8px #2F6429;
	-webkit-box-shadow: 0 3px 8px #2F6429;
	box-shadow: 0 3px 8px #2F6429;  }
	
	 #desc_sugest2 , .desc_sugest2{ width:16.2%; padding:5px 1%; line-height:14px; margin-left:1%;}

	 
	 
	#desc_sugest img{ width:100%;}
	#div_imgsugest , #div_imgsugest2  { min-width:80px;  border:0.1em #E6E6E6 solid; 
	border-bottom:none; line-height:14px; width:100%;
	                  
	margin-bottom:10px; overflow:hidden; max-width:400px; 

	}
		#div_imgsugest2  { width:50%;}

 
	 
	 
	 
	  

  #member{
	font-family: "MagraBold",arial,helvetica;
font-size: 18px;
color: #999;
background-color: #f3f3f3;
margin:10px 0 10px 10px;
min-width: 300px;

padding: 10px 2%;
background-color: #F3F3F3;

	  }
	  
	  #content_journal_form{ background-color:#fff; z-index:10; margin-top:2px; }
  #titl_contentbloc {
    min-height: 40px;
    line-height: 40px;
    font-family: "MagraBold",arial,helvetica;
    font-size: 18px;
    color: #999;
    overflow: hidden;
    background-color: #F7F7F5;
    border: 1px solid #E3E3E3;
    margin: 5px 15px;
    padding: 2px 15px; display:inline-block;
}
.ico_menu{ width:30px; height:30px; margin:0 10px 0 10px;}














 .blocformulaire{
	font: normal 13px "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";

	
	margin:10px;
	background-color:#d4e6d2;
	text-align:left;
     padding:10px ;
	line-height: 1.4em;
	color: #000;
min-width:280px;
	
}
.fair_publi{  padding:10px 0 0 0; margin-bottom:10px;   font-size:14px;
 font-weight:bold; font-family:Oswald, sans-serif; }

.lieux{ padding:5px 10px; line-height:30px;}
.alfa , .alfa2{ padding:5px; line-height:30px;}
	#imgwrite{ position:absolute; height:20px; margin:10px 0 0 10px;
	filter:alpha(opacity=50); opacity:.5;}

#txt_write , #pickdiv{ position:absolute; height:20px; margin:-35px 0 0 10px; color:#555; font-style:italic; 
	font-size:11px; line-height:10px;}
#divreste , #divreste2{ position:absolute; height:20px; margin:-35px 0 0 10px;  color:#555; font-style:italic; display:block; 
	font-size:11px; line-height:10px; display:none;}
	
	
	
	 #pickdiv{ margin:-45px 0 0 10px; }

#message  { font-size:14px; padding:0 1%; color:#555; vertical-align:text-top; line-height:18px;
border-left:none; border-right:none; border-top:solid 0.1em #f3f3f3; 
margin-top:2px;
padding-top:5px; border-bottom:none; width:98%;
min-height:35px;

}
.div_bouton{ width:94%; padding:10px 1%; line-height:30px;  }
.link_button_post {

 background-color: #488a41;
	 text-decoration:none; 
	 color:#f3f3f3; 
	 padding:5px 15px 5px 15px;
	 -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; line-height:30px;
	}
	
.link_button_post:hover{  color:#f3f3f3; text-decoration:none;}

#filelist{ line-height:40px;}



.sel_activ , .sel_quat{ background-color:#d4e6d2;-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px; 	
	-moz-box-shadow: 0 3px 8px #999;
	-webkit-box-shadow: 0 3px 8px #999;
	box-shadow: 0 3px 8px #999; font-size:11px; padding:2px 10px; line-height:20px;
white-space: nowrap; text-wrap:none; color:#555;  font-family:Helvetica, sans-serif; 
display:inline-block;


 padding:5px 1%; line-height:14px; margin-left:1%;
	border:0.1em #E6E6E6 solid;
vertical-align:top;

	margin-top:10px;
	 font-size:13px;
 }





.sel_quat{ background-color:#d4e6d2;}

	.sel_activ_cloz , .sel_quat_cloz , .sel_admin_cloz{padding:0px 4px; background-color:#f3f3f3;-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; color:#555; text-decoration:none; margin:5px; color:#000;}
	
	.sel_admin_cloz{ color:#fff; font-weight:bolder; font-size:16px; background-color:#2f6429;}
	.sel_admin_cloz:hover { text-decoration:none; background-color:#f00; color:#fff;}
	.sel_activ_cloz:hover , .sel_quat_cloz:hover { text-decoration:none; color:#000;}
	
	.img_p_bindi{ width:40px;} 	.img_p_bindi1{ width:30px;}
#display_box{ padding:5px; background-color:#f3f3f3; margin:0 0 2px 0;}
#display_box:hover{ background-color:#d4e6d2; }
#content_menu_page {font-size:13px;}
.stat{ width:150px;}
.link_panel{ padding:5px; background-color:#fff; margin-right:5px; border:solid 1px #ccc; margin-top:5px;
cursor:pointer;}
.link_panel_sel{ padding:5px; background-color:#E2E3E4; margin-right:5px; margin-top:5px; 
border:solid 1px #ccc; cursor:pointer; font-weight:bold;}
.link_panel:hover{ background-color:#E2E3E4;}

.add_group{    filter:alpha(opacity=30); opacity:.3; }
.add_group:hover{    filter:alpha(opacity=50); opacity:.5;}
.labeld{font-family:Oswald, sans-serif; color:#555;}
#inscription{ margin-top:10px;}
.alaune{margin-top:30px; cursor:pointer;}
#categ_blog{ font-size:9px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; 
padding:2px 5px; margin:0 5px; background: #2f6429; color:#fff;}
.rouge{ text-transform:uppercase; padding:0 15px; color:#f00;}
.red{ text-transform:uppercase; color:#f00; line-height:40px;}
.imggaleri{ width:33%; display:inline-block; vertical-align:top; }