@charset "utf-8";
/* CSS Document */

hr {
    clear:left;
    }

h4 {
    background:url("../pictures/red.jpg");
    width:100%;
    padding-top:4px;
    padding-bottom:4px;
    text-align:center;
}

h4 b{
	
	color:#FFF;
	width:100%;
        font: 16px "Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif;
}

p {
  height:auto;margin:0;padding:0;}

p a {
      width:100%;font-weight:bold;
      color:black; 
      font:20px 'Adobe Caslon Pro','Hoefler Text',Georgia,Garamond,Times,serif;
      text-transform:uppercase;
}
a {
	text-decoration:none;
        color:#000;
}



#a {
	text-decoration:none;
	font-size: 18px; 
        color:#000;
}

a:hover {
          text-decoration:underline;
          color:black;
}

body {
	padding-left:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:0; border: 5px solid black;}

div.container {
	border:0 solid #000;
	height:auto;
        margin-right:20%; margin-left:20%; 
	}

div.header {
	width:100%;
	height:auto;             
}

.entete 
{
  line-height:normal;
  width:100%;
  padding:0;
  margin:0px;
  background-color:#000;
}

.icon { 
  background: left 8px no-repeat;  
}

div.icon { float:left;
  vertical-align: middle; 
  margin-right: 10px;
}
 
div.icon a { 
  display: block; 
  padding: 5px 0px 0px 20px; 
  text-decoration:none;
  font-size: 18px;
  color:#000;
}
 

.facebook {
	   background-image:url(http://facebook.com/favicon.ico);
}

.twitter {
	  background-image:url(http://twitter.com/favicon.ico);
}


#drapeau {
	width:20%;
	height:auto;
	float:left;
        margin:0;
        padding:0;
}

#sname 
      {float:left;width:100%;margin-bottom:10px}

#date {
       font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif;
       float:right;color:#000;margin-top:30px;}

#name { 
        font-size:56px;
        color:#000;
        font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif;float:left;
        margin-top:10px;}

/*- Menu Tabs E--------------------------- */

    #tabs {
      clear:left;
      width:100%;
      font-size:93%;
      line-height:normal;

      }

    #tabs ul {
	margin:0;
	padding:0 0 0 0;
	list-style:none;
      }

    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }

    #tabs a {
      float:left;
      margin:0;
      padding:0 0 0 0;
      text-decoration:none;
      width:10%;
      }

    #tabs a span {
      float:left;
      display:block;
      background:url("../pictures/rednblack.jpg") no-repeat right top;
      padding:5px 10px 4px 10px;
      color:#FFF;
      width:100%;
      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}

    /* End IE5-Mac hack */

    #tabs span:hover {
      background:#000;
      color:red;
      }

#bar {
      width:auto;
      height:auto;
      float:left;
      margin-top:0;
}

#alaune {
          width:100%;clear:left;margin:0;padding:0;}

#div1 {
	  width:60%;
	  background:#FFF;     
          height:100px;
          border:0 solid red;float:right;
          margin-top:20px;
}


.content {
	  width:100%;
	  height:auto;
	  margin-bottom:0;clear:left;
}

#first_p {
	 width:40%;
         padding:0 1%;
	 height:auto;
	 float:left;}

#div2 {
	 width:100%;
         height:auto;
         margin-bottom:0px;  
}

#div3 {
	 width:100%;
	 height:auto;
	 margin-bottom:0px;}

#second_p {
	 width:100%;
         padding:0 1%;
	 height:auto;clear:left;
	 }

#video {
	width:auto;
	height:auto;
	margin-bottom:20px;margin-top:20px;
	margin-right:0;}

#photo {
	width:100%;
	height:auto;
	margin-bottom:0;border-top:50px solid black;border-bottom:50px solid black;
}

#third_p {
	 width:100%;
         padding:0;
	 height:auto;clear:left;
	 }

#evene_webjour
{
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 12px;
   margin-bottom:0;width:100%;
}


#div4 {
	   width:auto;
	   height:auto;
	   margin-bottom:10px;float:left;}

#docs {
	width:100%;
	height:auto;
	margin-bottom:10px;}

#poll {
	 width:100%;
         height:auto;
         margin-bottom:10px;float:left;}

#fourth_p {
	 width:31%;
         padding:0 1%;
	 height:auto;float:left;
	 }
#div5 {
	width:100%;
        height:auto;
        margin-bottom:0;		
}

#fifth_p {
	 width:23%;
         padding:0 1%;
	 height:auto;float:left;
	 }

#rca {
        width:100%;
        height:auto;
	margin-bottom:10px;  }

#person {
	  width:100%;
	  height:auto;
	  margin-bottom:5px;
	  font-family:"Adobe Caslon Pro","Hoefler Text",Georgia,Garamond,Times,serif;
}

#lien {
	width:100%;
        height:auto;
        margin-bottom:10px;}


.footer {
    clear:left;
    background:url("../pictures/backclr.jpg");
    width:auto;
    height:auto;
    color:white
}


#anch {
        font-size:56px;
        color:red;
        font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif;
        
}


#title {
	width:100%;
	height:auto;
	font: 52px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
}

#main_photo {
	clear:left;
	width:100%;
	height:auto;
	margin-bottom:5px;
}

#content_photo {
	
	width:94%;
	height:auto;
	padding:3%;
}

#col_one {
	width:22%;
	margin-right:2%;
	height:auto;
	float:left;
}

#col_two {
	width:22%;
	margin-right:2%;
	height:auto;
	float:left;
}

#col_three {
	width:22%;
	margin-right:2%;
	height:auto;
	float:left;
}

#col_four {
	width:22%;
	margin-right:0;
	height:auto;
	float:left;
}