/* 
    Document   : apparence
    Created on : 28 juin 2013, 10:51:26
    Author     : Bassirou Wagne
    Description:
        Ce fichier contient les apparences graphiques des éléments.
*/

/*
root { 
    display: block;
}
*/

/*
blanc : #fff
vert : #C60
*/
h3{
    font-weight: bolder;
    /*text-shadow: 1px 3px 1px #060;*/
    color: #fff;
    /*font-family: 'Droid Sans', sans-serif;
    font-family: 'Lora', serif;*/
    font-family: 'PT Serif', serif;
    
}
/*Cadre ou bloc conteneur*/
.blocprincipal{
    border: #fff solid 1px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 1px 1px 12px #555;
    -webkit-box-shadow: 1px 1px 12px #555;
    -moz-box-shadow: 1px 1px 12px #555;
  
    
}
.cadreentete{
    color: #000;
    background-color: #C60;
    border: #fff solid 1px;
    border-radius: 4px;
    background-image:linear-gradient(#C60,#C60);
    
	/*box-shadow: 1px 1px 12px #555;
    -webkit-box-shadow: 1px 1px 12px #555;
    -moz-box-shadow: 1px 1px 12px #555;*/
    
}
.cadreentete a{
    color: #fff;
   
}
.cadreentete_ag{
    color: #fff;
    background-color: #b55929;
    border: #fff solid 1px;
    border-radius: 4px;
    background-image:linear-gradient(#000,#C60);
    box-shadow: 1px 1px 12px #555;
    -webkit-box-shadow: 1px 1px 12px #555;
    -moz-box-shadow: 1px 1px 12px #555;
    
}
.cadrevert{
    color: #fff;
    background-color: #C60;
    border: #fff solid 2px;
    border-radius: 4px;
    box-shadow: 1px 1px 12px #555;
    -webkit-box-shadow: 1px 1px 12px #555;
    -moz-box-shadow: 1px 1px 12px #555;
    
}

.cadrevertsimple{
    color: #fff;
    border: #ccc solid 1px;
    border-radius: 4px;
    /*box-shadow: 1px 1px 6px #111;*/
    background-color: #C60;
}

.cadreblanc{
    color: #C60;
    background-color: #fff;
    border: #fff solid 1.5px;
    border-radius: 4px;
    box-shadow: 1px 1px 12px #555;
    -webkit-box-shadow: 1px 1px 12px #555;
    -moz-box-shadow: 1px 1px 12px #555;
}

.cadreblancsimple{
    color: #C60;
    background-color: #fff;
    border-radius: 4px;
    /*box-shadow: 1px 1px 6px #111;*/
    border: #ccc solid 1px;
    
}




.cadrearticle,.cadrearticle:focus,.cadrearticlebloc,.cadrearticleblocdoc,.cadrearticlebloc:focus{
    color: #C60;
    background-color: #fff;
    border-radius: 4px;
    /*box-shadow: 1px 1px 6px #111;*/
    border: #ddd solid 1px;
    
}
.cadrearticle:hover,.cadrearticlebloc:hover{
    color: #b55929;
    background-color: #fff;
    border: #fff solid 1.5px;
    border-radius: 4px;
    box-shadow: 1px 1px 12px #555;
    -webkit-box-shadow: 1px 1px 12px #555;
    -moz-box-shadow: 1px 1px 12px #555;
    
}

/*Forum*/
.cadrearticleforum a,.cadrearticleforum a:hover{
    color: #fff;
    font-weight: bold;
}
.cadrearticleforum,.cadrearticleforum:focus{
    color: #fff;
    background-color: #b55929;
    border-radius: 4px;
    /*box-shadow: 1px 1px 6px #111;*/
    border: #ddd solid 1px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 2px;
}
.cadrearticleforum:hover{
    color: #fff;
    background-color: #b55929;
    border: #fff solid 1.5px;
    border-radius: 4px;
    box-shadow: 1px 1px 12px #555;
    -webkit-box-shadow: 1px 1px 12px #555;
    -moz-box-shadow: 1px 1px 12px #555;
    
}
/*Fin forum*/

ul#cadrespecial{
    
}


#contenu a{
    color: #C60;
}
.liennoir{
    color: #000;
}
.bloc{
    text-align:justify;
}
.colonneverticale{
    color: #C60;
    /*border: #000 solid 1px;*/
}
.soustitre{/*soustitre*/
    color: #b55929;
    font-weight: bold;
}

.colonnecentrale{
    color: #000;
    /*order: #fff solid 1px;*/
}
.colonnecentrale a{
    text-decoration: none;
	color:#900;
}

.colonnecentrale header h1{
    color: #C60;
}

.piedpage{
    border: #fff solid 1px;
    border-radius: 3px;
    background-color: #C60;
    background-image:linear-gradient(#C60,#C60);
    /*box-shadow: 1px 1px 12px #555;
    -webkit-box-shadow: 1px 1px 12px #555;
    -moz-box-shadow: 1px 1px 12px #555;*/
    
}




/*Apparence des images*/

.imbordblanc img{
    border: #fff solid 6px;
    border-radius: 2px;
    box-shadow: 1px 1px 8px #555;
    -webkit-box-shadow: 1px 1px 8px #555;
    -moz-box-shadow: 1px 1px 8px #555;
}

/*.imbordblancarticle img{
    border: #fff solid 6px;
    border-radius: 2px;
    box-shadow: 1px 1px 6px #555;
    -webkit-box-shadow: 1px 1px 6px #555;
    -moz-box-shadow: 1px 1px 6px #555;
}*/
.imbordblancarticle{
    
    border-color: #ddd;
    
}

.imbordblancpub img{
    border: #fff solid 2px;
    border-radius: 2px;
    box-shadow: 1px 1px 4px #555;
    -webkit-box-shadow: 1px 1px 4px #555;
    -moz-box-shadow: 1px 1px 4px #555;
    text-align: left;
}

/*.imbordblanc img{
    border: #fff solid 6px;
    border-radius: 6px;
    box-shadow: 1px 1px 12px #555;
    -webkit-box-shadow: 1px 1px 12px #555;
    -moz-box-shadow: 1px 1px 12px #555;
}*/
.impetitbordblanc img{
    border: #fff solid 2px;
    border-radius: 2px;
    box-shadow: 1px 1px 3px #555;
    -webkit-box-shadow: 1px 1px 3px #555;
    -moz-box-shadow: 1px 1px 3px #555;
}


/*.bloc_du_logo >img{
    
    border-radius: 2px;
    box-shadow: 2px 2px 12px #000;
    -webkit-box-shadow: 2px 2px 12px #000;
    -moz-box-shadow: 2px 2px 12px #000;
    
}*/

/*Liens*/
.bloc_de_lien1{
    background-color: #fff;
    border: 0;
}


nav#bloc_de_lien_1 a{color: #C60;text-decoration: none;}
nav#bloc_de_lien_1 a:hover{color: #C60;text-decoration: none;}
nav#bloc_de_lien_2 a{color: #fff;text-decoration: none;}
nav#bloc_de_lien_2 a:hover{color: #fff;text-decoration: none;}
.liensimple{padding: 2px;}





form#newsletter{
    float: left;
}
form#newsletter input{
    
    border-radius: 2px;
    
    }
    
.boutonok{
    color: #fff;
    font-weight: bold;
    background-color: #C60;
    }
    
    .texterouge{
    color: #f60;
    
    }
    
    .titrenews{
    background-image: linear-gradient(#C60,#000);
    color: #fff;
}

.blocmarron{
}
.blocmarron ul{
    padding: 0;
}
.blocmarron ul li{
    list-style: none;
    padding-top: 2px;
    padding-bottom: 4px;
    border-bottom: #ddd inset 1px;  
}

.blocmarron ul li a,.blocmarron ul li a:focus,.blocmarron ul li a:visited{
    text-decoration: none;
    color: #b55929;
} 

.blocmarron ul li:hover{
   
    box-shadow: 1px 1px 6px #b55929;
    -webkit-box-shadow: 1px 1px 6px #b55929;
    -moz-box-shadow: 1px 1px 6px #b55929;
}

.blocmarron header{
    border-radius: 2px;
    background-color: #b55929;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
}

.cadreblancsimple header{
    border-radius: 2px;
    background-color: #fff;
    color: #C60;
    font-size: 13px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    
}

.blocvert{
    padding: 3px;
    /*width: 100%;*/
    margin-bottom: 5px;
    list-style: none;
	color:#C60;
}
.blocvert table tr td{
    font-size:24px;
	font-variant:small-caps;
	font-stretch:narrower;
	text-shadow: 2px 5px 3px #ddd;
}
/***********Bloc milieu***********************/
/*.titreblocmilieu{
    font-size:26px;
	font-variant:small-caps;
	font-stretch:narrower;
	text-shadow: 2px 5px 3px #ddd;
	color:#C60;
	width:30%;
	text-align:center;
	border-bottom: #D5D5D5 inset 1px;
}*/
.blocvert ul{   
    padding: 0;   
}
.blocvert ul li{
    list-style: none;
    padding-top: 2px;
    padding-bottom: 4px;
    border-bottom: #ddd inset 1px;
}

.blocvert ul li a,.blocvert ul li a:focus,.blocvert ul li a:visited{
    text-decoration: none;
    color: #C60;
} 
.blocvert ul li a:hover{
    color: #C60;
} 
.blocvert ul li:hover{
    box-shadow: 1px 1px 6px #C60;
    -webkit-box-shadow: 1px 1px 6px #C60;
    -moz-box-shadow: 1px 1px 6px #C60;
    
}



.blocvert header{
    border-radius: 2px;
    background-color: #C60;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    
	
    
}

.lang input {
    select: #C60 inset;
}

.chemin a{
    color: #C60;
}

.auteuretdate,.auteuretdate a{
    color: #ddd;
}

.affichedoc table tr{
   
   color: #b55929;
   
   
}
.affichedoc table tr:hover{
   background-color: #ddd;
}
.affichedoc table tr td{
   border: #ddd 1px solid;
}

/*********Lien de droite************/
.lignedetable{
	width: 100%;
	height:40px;
    padding-bottom:2px;
	padding-top:2px;
	margin-bottom:10px;
	border-bottom: #D5D5D5 inset 1px;
	font-size: 6vw;
    /*border: #fff solid 1px;
    border-radius: 4px;
	box-shadow: 1px 1px 3px #555;
    -webkit-box-shadow: 1px 1px 3px #555;
    -moz-box-shadow: 1px 1px 3px #555;*/
    
}

.lignedetablemarron{
	
	width: 100%;
	height:20px;
    padding-bottom:2px;
	padding-top:1px;
	margin-bottom:10px;
	/*border: #c60 inset 1px;*/
	background-color: #EED8A4;
	background-image:linear-gradient(#EED8A4,#EED8A4);
}
.lignedetablemarron a{
	color: #FFF;
	font-size:15px;
	font-weight:bold;
}

/*********Fin lien de droite************/

/*********Bloc pli2************/
/*#blocplie{
    display: block;
    position: relative;
    width: 100%;
    background: #f6f6f6;
}
#blocplie:before{
    content: "";
    position: absolute;
    right: 0px;
    border-color: #FFF #ffffff #d4d4d4 #e4e4e4;
    border-style: solid;
    border-width: 0px 30px 30px 0px;
    height: 0px;
    width: 0px;
    display: block;
}*/
#blocplie{
    
    width: 95%;
	background-color:#FDFDFD;
    border: 1px #E7E7E7 solid;
    padding:5px;
   
}
.bloctitre{
  height:40px;
  width:100%;
  float:left;
  clear:left;
}

.tabtitre{
	 text-align:left;
	 font-weight:bold;
	 font-size:1.5vw;
	 color:#FFF;
	 vertical-align:middle;
}

.tabtitrepiedpage{
	 text-align:center;
	 font-weight:bold;
	 font-size:1.5vw;
	 color:#FFF;
	 width:100%;
}