/* -------------------------------------------------------------- */
/* CADTM - css nettoyée octobre 2016    */
/* -------------------------------------------------------------- */


/*/////  général - commun à tous les skel  ////////////////////////////////*/

#page {
position:relative;
background:transparent;
margin-top:40px;
}

/******************************************
	* inc-toplang : rss, recherche, langues   
*******************************************/

#toplang {
position:fixed;
top:0;
overflow:hidden;
background:#0e0c0d;
border-bottom:1px solid #312f30;
width:100%;
z-index:80;
}

#menulang {
position:relative;
overflow:hidden;
padding:7px 0 0;
width:960px;
margin:0 auto;
}

#rss {
float:left;
height:31px;
width:79px;
background:url("../images/rss.jpg") top left no-repeat;
}

#rss:hover {
background:url("../images/rss.jpg") top right no-repeat;
}

#marecherche {
float:left;
margin:3px 20px 0;
}

.formulaire_recherche input {
background:#eeeeee url(./loupe.png) no-repeat scroll 115px 3px;
color:#777;
border:1px solid #777777;
padding:3px;
width:130px;
}

#rech,#plan,#contact {
float:left;
height:30px;
color:#cccccc;
padding:5px 5px 0;
border-right:1px dotted #888;
}

#rech a,#plan a,#contact a {
color:#cccccc;
text-decoration:none;
}

#rech a:hover,#plan a:hover,#contact a:hover {
color:#ffffff;
text-decoration:underline;
}

#menulang ul {
float:right;
}

#menulang li#home {
width:36px;
height:32px;
background:url("../images/home.jpg") no-repeat -2px top ;
}

#menulang li#home:hover {
width:36px;
height:32px;
background:url("../images/home.jpg") no-repeat top right;
}

#menulang li {
list-style:none;
width:36px;
height:32px;
background: none repeat scroll 0 0 #888888;
color: #000000;
display: block;
float: right;
font-size: 1.3em;
line-height:1.6em;
font-weight: normal;
margin:0 0 0 2px;
padding:0;
text-align: center;
}

#menulang li a {
background:transparent;
color:#333333;
text-decoration:none;
}

#menulang li a:hover, #menulang li .on {
background:transparent;
color:#fff;
}

/*  fin inc-toplang : rss, recherche, langues   ***********/


/*******************************************
 inc-entete : logo et reseaux sociaux   
********************************************/


#topentete {
position:relative;
background:#2c2422;
}

#entete {
height:207px;
padding:0;
width:960px;
margin:0 auto;
background:url("../images/logo257.png") 10px 30px no-repeat;
}

#entete a {
text-decoration:none;
}

#entete #nom_site {
float: left;
padding:70px 0 0 260px;
width:200px;
}

#nom_site h1 {
color:#EEEEEE;
font-size:0.9em;
padding-left:6px;
font-weight:normal;
border-left:2px solid #EEEEEE;
line-height:1.1em;
}

/*   reseaux sociaux      */

#reseaux {
float:right;
height:50px;
margin:30px 30px 0 0;
color:#8f8f8f;
text-align:center;
font-size:1.1em;
}

#reseaux li {
list-style:none;
float:left;
width:50px;
height:50px;
margin:10px 10px 0;
padding:0;
}

#rebel {
background:url("../images/rebelmouse.jpg") top left no-repeat;
}

#rebel:hover {
background:url("../images/rebelmouse.jpg") top right no-repeat;
}

#fb {
background:url("../images/fb.jpg") top left no-repeat;
}

#fb:hover {
background:url("../images/fb.jpg") top right no-repeat;
}

#twit {
background:url("../images/twitter.jpg") top left no-repeat;
}

#twit:hover {
background:url("../images/twitter.jpg") top right no-repeat;
}

.charte {
float:left;
clear:both;
margin:40px 0 30px 30px;
padding: 10px 20px;
color:#EEEEEE;
background:#37322f;
width:920px;
text-align:center;
}

.charte a {
font-size:.95em;
color:#EEEEEE;
}

.charte a:hover {
color:#FFFFFF;
}

.charte:hover {
background:#48433f;
}

/***** fin entete : logo et reseaux sociaux   *********/


/*****************************
	* inc-topmenu : menu rouge  
******************************/

#topmenu {
position:relative;
height:32px;
margin-bottom:10px;
background:#2c2422;
}

#topmenubis {
position:relative;
width:960px;
margin:0 auto;
}

#topdon {
position:absolute;
z-index:9;
background:-webkit-linear-gradient(to bottom, #d92, #d60) repeat scroll 0 0; /* For Safari 5.1 to 6.0 */
background:-o-linear-linear-gradient(to bottom, #d92, #d60) repeat scroll 0 0; /* For Opera 11.1 to 12.0 */
background:-moz-linear-gradient(to bottom, #d92, #d60) repeat scroll 0 0; /* For Firefox 3.6 to 15 */
background:linear-gradient(to bottom, #d92, #d60) repeat scroll 0 0; /* Standard syntax (must be last) */
width:230px;
height:39px;
font-weight:bold;
font-size:16px;
font-variant:small-caps;
line-height:42px;
text-align:center;
-moz-box-shadow:0 0 10px 1px rgba(0,0,0,035);
webkit-box-shadow:0 0 10px 1px rgba(0,0,0,035);
box-shadow:0 0 5px 1px rgba(0,0,0,035);
}

#topdon a {
color:#fff;
}

#topdon a:hover,
#topdon a.on {
color:#411;
}

#menurouge {
position:absolute;
display:table;
margin:0 0 10px 250px;
padding:2px 2px 0 0;
height:38px;
width:710px;
background:#ed1b24;
text-align:center;
z-index:10;
box-shadow:0 0 5px 1px rgba(0,0,0,035);
-moz-box-shadow:0 0 10px 1px rgba(0,0,0,035);
webkit-box-shadow:0 0 10px 1px rgba(0,0,0,035);
}

#menurouge li {
display:table-cell;
height:38px;
width:;
list-style:none;
vertical-align:middle;
}

#menurouge li a {
margin:0 0 0 5px;
display:block;
height:;
color:#fff;
text-decoration:none;
padding:0;
text-align:center;
font-size:.95em;
font-weight:bold;
font-variant:small-caps;
/*-moz-transition:all 1s; -webkit-transition:all 1s; transition:all 1s;*/
}

#menurouge li a:hover,
#menurouge li a.on {
color:#411;
}

/*  fin menu simple  */

/*  sous-menu déroulant  */

#menurouge li ul {
position:absolute;
top:40px;
visibility: hidden;
max-height:0;
opacity:;
-moz-transition:;
-webkit-transition:;
transition:all .3s ease-in;
background:#ed1b24;
overflow:hidden;
z-index:10;
box-shadow:0 4px 10px 1px #aaa;
-moz-box-shadow:0 0 5px 1px rgba(0,0,0,035);
webkit-box-shadow:0 0 5px 1px rgba(0,0,0,035);
}

#menurouge li:hover ul {
visibility:visible;
max-height:40em;
opacity:;
}

#menurouge li ul li {
float:left;
clear:both;
position:relative;
height:auto;
width:100%;
font-weight:normal;
padding:1px;
background:;
}

#menurouge li:hover ul li {
}

#menurouge li ul li:hover,
#menurouge li ul li.on {
background:#ddd4cb;
transition:all .6s linear;
}

#menurouge li ul li a {
float:left;
position:relative;
height:auto;
min-width:100px;
text-align:left;
font-weight:normal;
font-size:12px;
margin:0;
padding:0 5px;
}

#menurouge li ul li:hover a,
#menurouge li ul li a.on {
color:#333;
}

/*  fin sous-menu déroulant  */

/*  fin inc-topmenu : menu rouge  ***********************/


/****************************************   
	* middle : milieu horizontal - communs   
	*****************************************/

#middle {
position:relative;
}

#middleinside {/*pas de position relative car pb avec la bulle du glossaire*/
width:960px;
margin:0 auto;
overflow:hidden;
}

#conteneur {/*pas de position relative car pb avec la bulle du glossaire*/
background:url("../images/fondbeige.jpg") repeat-y;
min-height:300px;
overflow:hidden;
padding:0 0 50px;
margin:0 auto;
}

#contenu {
float:right;
overflow:hidden;
width:710px;
margin:0;
padding:0;
}

#contenu ul {
margin:20px 0;
}

.cartouche {
overflow:hidden;
}

.chapo {
border-left:1px solid #e00;
margin:10px 0 15px;
padding:0 0 0 10px;
clear:both;
overflow:hidden;
}

.chapo table.spip {
margin:0;
}

.texte {
margin:0;
overflow:hidden;
}

.pagination {
clear:both;
text-align:center;
}
.pagination a {
font-size:0.95em;
}
.pagination a:hover,
.pagination .on {
color:#a00;
}

/******* fin middle : milieu horizontal - communs  *****************/


/*********************
	inc-pied  bottom     
	********************/

#bottom {
position:relative;
background:#2c2422;
min-width:1024px;
margin:0;
}

#bottominside {
position:relative;
padding:30px 0 50px;
overflow:hidden; width:960px;
margin:0 auto;
background:url("../images/marronpied.jpg") left repeat-y;
}

#pied {
color:#fff;
overflow:hidden;
padding:0 0 0 30px;
}

#pied .vingt,#pied .douze {
margin:0;
}

#pied p	{
margin:0;
}

#pied li {
padding:5px 0;
}

#pied a {
color:#aaa;
}

#pied a:hover,
#pied.on {
color:#fff;
background:transparent;
}

#pied ul p,
#pied ul p a {
margin:0;
text-align:left;
line-height:1.2em;
}

#pied1,
#pied2,
#pied3,
#pied4 {
float:left;
width:220px;
min-height:50px;
padding:0 0 0 20px;
}

#pied1 {
width:190px;
background:url("../images/logo135.png") no-repeat;
padding:80px 0 0 10px;
line-height:1.2em;
}

#pied1 #cadtm {
font-size:1.8em;
font-weight:bold;
}

#pied1 #comite {
font-size:0.9em;
width:160px;
text-align:left;
}

#pied1 #adresse,
#pied1 #tel {
font-size:12px;
}

#pied1 p {
margin:0 0 20px;
}

#revolmaps {float:right; margin:3px 30px 0 0;}

#pied2 {}

#insbull {
height:25px;
background:#cdcdcd;
padding:0 0 0 13px;
margin:5px 0 0;
font-size:12px;
line-height:25px;
width:70%;
}

#insbull a {
display:block;
color:#333;
}

#insbull a:hover {
color:#666;
}

#derbull {
height:25px;
margin:5px 0 0;
}

#derbull a {
display:block;
}

#derbull a:hover {}

#pied2 .titre {
clear:both;
margin:30px 0 0;
font-variant: small-caps;font-size:16px;
}

#pied2 .titre a {}
#pied2 .titre a:hover {}

#pied2 .seize,
#pied3 .seize,
#pied4 .seize {
font-size:16px;
font-variant:small-caps;
}

#pied3 a,
#pied4 a {
font-size:1em;
}

#pied2 ul,
#pied3 ul,
#pied4 ul {
margin:30px 0 0;
}

#pied2 ul li,
#pied3 ul li,
#pied4 ul li {
list-style:none;
font-variant:normal;
padding:5px 0;
}

#revolmaps {float:right; margin:3px 30px 0 0;}

/***** fin inc-pied  bottom     **********/

#retour {
position:fixed;
bottom:0;
right:50%;
margin-right:243px;
font-size:2em;
font-weight:700;
z-index:1;
}

#retour a:hover {
color:#A9A9A9;
}

/**************************
	left : colonne gauche   
	**************************/

#left {
float:left;
width:230px;
line-height:1.2em;
margin:0;
padding-top: 143px;
background:url("../images/hautgauche.jpg") no-repeat #F1E9DE;
}

#left ul {
padding:0;
margin:0;
}

#left li {
list-style:none;
margin:0 40px;
clear:both;
padding:15px 0;
}


/**** fin left  ***********/


/* fin général - commun à tous les skel */


/******* bandeau hors ttip dans l'entete (temporaire) *******/

.ribbon-wrapper-ttip {
height: 30px;
margin-left: -175px;
overflow: hidden;
position: absolute;
left: 50%;
top: 20px;
width: 350px;
z-index: 10000;
}

.ribbon-ttip-fr {
  position: relative;
  padding: 0px 0;
  width: 350px;
  height:30px;
		background-image: url("./ribbon_fr.jpg");
}

.ribbon-ttip-en {
  position: relative;
  padding: 0px 0;
  width: 350px;
  height:30px;
		background-image: url("./ribbon_en.jpg");
}

.ribbon-ttip-es {
  position: relative;
  padding: 0px 0;
  width: 350px;
  height:30px;
		background-image: url("./ribbon_es.jpg");
}

.ribbon-ttip-pt {
  position: relative;
  padding: 0px 0;
  width: 350px;
  height:30px;
		background-image: url("./ribbon_pt.jpg");
}

.ribbon-ttip:before {
  right: 0;
}
.ribbon-ttip:after {
  left: 0;
}​

/******* fin bandeau hors ttip *******/