/* Styles for garrigue's template
  * Author: Florian Schmitt <florian@outils-reseaux.org>
  * under GNU General Public License 
  */

body {
background:#FFF;
}

a, a:active, a:visited {text-decoration:none; color:#c7532c;}
a:hover {text-decoration:underline; color:#c7532c;}

#topgreenline {
	height:50px;
	border-bottom:8px solid #b0bc5a;
}
#container {
	margin:-58px auto 15px auto;
	width:960px;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);
}

header {
width:960px;
height:265px;
position:relative;
}
header.home {background:url(../images/banniere_accueil.png) no-repeat top left;}
header.ressources {background:url(../images/banniere_ressources.png) no-repeat top left;}
header.reseau {background:url(../images/banniere_reseau.png) no-repeat top left;}
header.evenement {background:url(../images/banniere_evenements.png) no-repeat top left;}
header.projets {background:url(../images/banniere_projets.png) no-repeat top left;}

.pageheader {
z-index:2;
width:960px;
height:265px;
overflow:hidden;
}
.pagetitle {
position: absolute;
right: 25px;
top: 170px;
z-index:3;
}
.pagetitle h1, .pagetitle h2 {color:white; font-style: italic;}

#logo_link {z-index:101;position:absolute;left:0;top:20px;width:161px;height:92px;display:block; background:url(../images/logo.png) no-repeat top left;}
#logo_link:hover: {text-decoration:none;}

/* moteur de recherche du haut */
#topnav .search-form {
	z-index:100;
    margin: 4px 0 0;
    border:1px solid #404040;
    color:#404040;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
}
#topnav .search_input {width: 113px;}

/* menu deroulant du haut pour la navigation */
#topnav { 
display:block;
position:absolute;
top:20px;
left:161px;
font-size:1.1em;
margin:0;
padding:0;
background:#FFF;
border-bottom:8px solid #b0bc5a;
width:799px;
height:30px;
}
#topnav .topnavmenu {position:absolute;top:0;left:0; width:650px;}
#topnav .topnavsearch {
left: 636px;
position: absolute;
top: 1px;
}
#topnav ul { padding:0; margin:0; }
#topnav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#topnav li {
position:relative; 
float:left; 
list-style-type:none; 
padding:8px 5px;
margin:0;
color:#404040;
display:block;
font-weight:bold;
text-decoration:none;
}
#topnav li a, #topnav li a:visited{
padding:8px 8px 12px;
margin:-8px -5px;
color:#404040;
font-weight:bold;
text-decoration:none;
display:inline-block;
}

#topnav li:hover, #topnav li.liste-active, #topnav li a:hover, #topnav li a.actif {
background: #b0bc5a;
color:#FFF;
}
#topnav li.topitem2:hover, #topnav li.topitem2.liste-active, #topnav li.topitem2 a:hover, #topnav li.topitem2 a.actif {
background: #73874a;
color:#FFF;
}
#topnav li.topitem3:hover, #topnav li.topitem3.liste-active, #topnav li.topitem3 a:hover, #topnav li.topitem3 a.actif {
background: #66444d;
color:#FFF;
}
#topnav li.topitem4:hover, #topnav li.topitem4.liste-active, #topnav li.topitem4 a:hover, #topnav li.topitem4 a.actif {
background: #c02448;
color:#FFF;
}



#topnav span.arrow { font-family: Arial; font-size: 13px; margin: 2px 0 0 15px; width:20px;}
#topnav ul ul { 
display:none; width:230px; position:absolute; top:30px; left:0; 
background:#FFF;
background-color:rgba(255,255,255,.75); 
padding:0; margin:0; z-index:99;
z-index:99;
}
#topnav ul ul li { float:none; border:none;}
#topnav ul ul a { padding:5px 10px; border:none; float:none; display:block; font-size:14px; }
#topnav ul ul ul { display:none; width:200px; position:absolute; left:229px; top:0;
padding:0; margin:0; 
}
#topnav ul ul ul ul {left:199px;}
.no-js #topnav li:hover ul { display:block; }

#main {
background: #fff;
margin-bottom: 80px;
padding:25px 0 0 0;
}
.ressources h1 {background:url(../images/puce_titre_noire.png) no-repeat center left; padding:10px 0 10px 30px; color:#404040; font-style:italic;}
.ressources h2 {padding:5px 0 5px 20px; color:#73874a; background:url(../images/puce_titre_ressources.png) no-repeat center left; font-size: 18px; font-style:italic;}
.reseau h2 {padding:5px 0 5px 20px; color:#67414e; background:url(../images/puce_titre_reseau.png) no-repeat center left; font-size: 18px; font-style:italic;}
.evenement h2 {padding:5px 0 5px 20px; color:#c02448; background:url(../images/puce_titre_evenements.png) no-repeat center left; font-size: 18px; font-style:italic;}
.projets h2 {padding:5px 0 5px 20px; color:#50aacf; background:url(../images/puce_titre_projets.png) no-repeat center left; font-size: 18px; font-style:italic;}

h1, h1 a, h2, h2 a, h3, h3 a {color:#222; font-family:Georgia,"Nimbus Roman No9 L",serif;}
h3, h3 a {font-style:italic;}
h5 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 15px;
    font-weight: bold;
	line-height:15px;
	border-bottom:6px solid #b0bc5a;
	color:#b0bc5a;
	padding:7px 0 0 0;
	font-style:normal;
	text-transform:uppercase;
}


.page {
position:relative;
margin:0;
min-height:400px;
padding:0;
}

.page ul {
	margin-left:0;
}

.page li {
	margin:0;
	padding:0 0 0 15px;
	list-style-type:none;
	background:url(../images/puce_liste.png) no-repeat 0 3px;
}
.page .attached_file {border:1px solid #404040;}
.page .attached_file:hover {border:1px solid #c7532c;}
.page .attached_file .legend {color:#FFF; background:#404040 url(../images/puce_nb.png) no-repeat left center; padding:5px 0;}
.page .attached_file:hover .legend {background:#c7532c url(../images/puce_orange.png) no-repeat left center;}

.page .blacklink, .page .orangelink:hover, .page .greenlink:hover {font-weight:bold; color:#FFF; background:#404040 url(../images/puce_nb.png) no-repeat left center; text-decoration:none; padding:1px 10px 2px 15px; display:inline-block;}
.page .blacklink:hover, .page .orangelink {font-weight:bold; color:#FFF; background:#c7532c url(../images/puce_orange.png) no-repeat left center; text-decoration:none; padding:1px 10px 2px 15px; display:inline-block;}
.page .greenlink {font-weight:bold; color:#FFF; background:#b0bb5a url(../images/puce_verte.png) no-repeat left center; text-decoration:none; padding:1px 10px 2px 15px; display:inline-block;}


.greenbox {border:3px solid #b0bc5a; padding:5px; margin:10px 0;}
.greenbox a {font-weight:bold; color:#404040;}
.greenbox .blacklink {margin-left:-5px;}
.greenbox h3 {margin:-23px -5px 5px -5px; background:#b0bc5a; padding:0 10px; font-size:16px; font-style:italic;}

.graybox {border:3px solid #b1b1b1; padding:5px; margin:10px 0;}
.graybox a {font-weight:bold; color:#404040;}
.graybox .blacklink {margin-left:-5px;}
.graybox h3 {margin:-23px -5px 5px -5px; background:#b1b1b1; padding:0 10px; font-size:16px; font-style:italic;}

#carouselhomepage {width:350px; height:150px; float:right;}
#carouselhomepage .carousel-control {display:block; width:26px; height:42px; margin:0; padding:0; border:none; -moz-border-radius:0;-webkit-border-radius:0;border-radius:0; opacity: 0.7;}
#carouselhomepage .carousel-control:hover {opacity: 1;}
#carouselhomepage .carousel-control.left {background:url(../images/prev.png) no-repeat top left; left:0; }
#carouselhomepage .carousel-control.right {background:url(../images/suiv.png) no-repeat top left; right:0; }
#carouselhomepage .carousel-caption {
background:#FFF;
padding:5px 5px 0 5px;
background: rgba(255, 255, 255, 0.5);
color:#000;
text-align:center;
}
#carouselhomepage .carousel-caption h4, #carouselhomepage .carousel-caption p {
    color: #000;
}

h2.titre-ressources, .titre-ressources a {color:#73874a; font-size:18px; padding:0; background-image:none; font-style:italic;}
h2.titre-ressources {background: url(../images/boite_ressources.png) no-repeat bottom right;}
h2.titre-ressources a:hover {text-decoration:none; color:#889963;}
.boite-ressources {color:#FFF; padding:10px; background:#73874a;}
.liens-ressources {border-top:6px solid #889963;}
.liens-ressources a {text-transform:uppercase; background:#889963; color:#FFF; font-weight:bold; display:inline-block; padding:4px 6px;}
.liens-ressources a:hover {background:#73874a; color:#FFF; text-decoration:none;}

h2.titre-reseau, .titre-reseau a {color:#66444d; font-size:18px; padding:0; background-image:none; font-style:italic;}
h2.titre-reseau {background: url(../images/boite_reseau.png) no-repeat bottom right;}
h2.titre-reseau a:hover {text-decoration:none; color:#745560;}
.boite-reseau {color:#FFF; padding:10px; background:#66444d;}
.liens-reseau {border-top:6px solid #745560;}
.liens-reseau a {text-transform:uppercase; background:#745560; color:#FFF; font-weight:bold; display:inline-block; padding:4px 6px;}
.liens-reseau a:hover {background:#66444d; color:#FFF; text-decoration:none;}

h2.titre-evenements, .titre-evenements a {color:#c02448; font-size:18px; padding:0; background-image:none; font-style:italic;}
h2.titre-evenements {background:  url(../images/boite_evenements.png) no-repeat bottom right;}
h2.titre-evenements a:hover {text-decoration:none; color:#c74661;}
.boite-evenements {color:#FFF; padding:10px; background:#c02448;}
.liens-evenements {border-top:6px solid #c74661;}
.liens-evenements a {text-transform:uppercase; background:#c74661; color:#FFF; font-weight:bold; display:inline-block; padding:4px 6px;}
.liens-evenements a:hover {background:#c02448; color:#FFF; text-decoration:none;}


.boite-ressources h1, .boite-ressources h2, .boite-ressources h3, .boite-ressources h4, .boite-ressources h5,
.boite-reseau h1, .boite-reseau h2, .boite-reseau h3, .boite-reseau h4, .boite-reseau h5,
.boite-evenements h1, .boite-evenements h2, .boite-evenements h3, .boite-evenements h4, .boite-evenements h5 {
 	font-family:Georgia,"Nimbus Roman No9 L",serif;
 	color:#fff;
}

.boite-ressources a, .boite-reseau a, .boite-evenements a {
 	color:#fff;
 	font-weight:bold;
 }



/* colonne de droite */

.newscolumn h2 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:15px;
	line-height:15px;
	border-bottom:8px solid #b0bc5a;
	color:#b0bc5a;
	padding:7px 0 0 0;
	font-style:normal;
}
.news h2 {
	background:url(../images/puce_actus.png) no-repeat top right;
}
.tweets h2 {
	background:url(../images/puce_tweets.png) no-repeat top right;
}

.newscolumn ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.newscolumn li {
	margin:0 0 10px 0;
}
.menulinks li a {
	background:url(../images/puce_colonne_droite.png) no-repeat top left;
	padding:6px 0 10px 20px;
	display: block;
	color:#404040;
	font-weight:bold;
}
.menulinks li a:hover {text-decoration:none; color:#c7532c;}

.news li a {
	background-image:none;
	padding:3px 0;
	display: block;
	color:#404040;
	font-weight:bold;
}
.twitter_feed  {font-size: 12px;}
.tweet_username_link {
	color:#404040;
	display:inline !important;
	font-weight:bold;
	padding:0;
	background-image:none !important;
}
.date_rss {
	color:#9e9e9e;
}


/* bas de page */

.commentsheader {display:none; margin:0 0 10px 0;}
.commentform {margin:0 0 10px 0;}

.hr_clear {clear:both; margin:0; padding:0; border:0; height:0; visibility:hidden; background:transparent;}



.footer {
font-size:0.9em;
margin:0;
padding:20px 0 20px 10px;
clear: both;
color:#404040;
}

.footer a {font-weight:bold; color:#404040; text-decoration:none; display:inline-block; margin:0;}
.footer a:hover {text-decoration:underline;}

footer {   
margin: 15px 0 0;
padding: 0 0 15px;
font-size:0.9em;
color:#222;
background:#98b8c8;
border-top:13px solid #c0c9d9;
}
#footerimg {display:block;background:url(../images/footer.png) no-repeat top left; width:960px; height:118px; margin:-94px auto 10px auto;}
footer .footerdiv {margin: 0 auto; width:900px; position: relative;}
footer .menulinks a {color:#404040; text-transform:uppercase;font-weight:bold;}
#rsslink {display:block; position:absolute; bottom:20px; right:90px; width:41px; height:41px; background:url(../images/rss.png) no-repeat top left; }
#rsslink:hover {background:url(../images/rss_hover.png) no-repeat top left;}
#twitterlink {display:block; position:absolute; bottom:20px; right:150px; width:41px; height:41px; background:url(../images/twitter.png) no-repeat top left; }
#twitterlink:hover {background:url(../images/twitter_hover.png) no-repeat top left;}

#ACEditor .form-actions {margin:0 -10px -18px;}

.menuhautprojet ul {
	display:block;
	padding:0;
	margin:0 0 10px 0;
	background:#51aad2;
	color:#fff;
}

.menuhautprojet li {
	display:inline-block;
	margin:0;
	padding: 5px 15px;
	text-transform:uppercase;
	font-weight:bold;
	position: relative;
}
.menuhautprojet li:hover {cursor:pointer;}
.menuhautprojet li a {
	background:#51aad2;
	color:#fff;
	display:inline-block;
	margin: -5px -15px;
	padding: 5px 15px;
	font-weight:bold;
}
.menuhautprojet li a:hover {
	text-decoration:none;
	background-color:#337897;
}

.menuhautprojet ul ul {
display:none;
width:260px; position:absolute; top:28px; left:0; 
padding:0; margin:0; z-index:99;
}
.menuhautprojet ul ul li {
width:260px; 
padding:0; 
margin:0;
text-transform:none;
border-top:1px solid #fff;
}
.menuhautprojet ul ul li a {
width:230px; 
padding:5px 15px; 
margin:0;
}
.menuhautprojet ul ul li a:hover {
background-color:#337897;
}

.menuhautressource ul {
	display:block;
	padding:0;
	margin:0 0 10px 0;
	background:#77894f;
	color:#fff;
}

.menuhautressource li {
	display:inline-block;
	margin:0;
	padding: 5px 15px;
	text-transform:uppercase;
	font-weight:bold;
	position: relative;
}
.menuhautressource li:hover {cursor:pointer;}
.menuhautressource li a {
	background:#77894f;
	color:#fff;
	display:inline-block;
	margin: -5px -15px;
	padding: 5px 15px;
	font-weight:bold;
}
.menuhautressource li a:hover {
	text-decoration:none;
}

.menuhautressource ul ul {
display:none;
width:260px; position:absolute; top:28px; left:0; 
padding:0; margin:0; z-index:99;
}
.menuhautressource ul ul li {
width:260px; 
padding:0; 
margin:0;
text-transform:none;
border-top:1px solid #fff;
}
.menuhautressource ul ul li a {
width:230px; 
padding:5px 15px; 
margin:0;
}
.menuhautressource ul ul li a:hover {
	background:#889963;
}


.menuhautreseau ul {
	display:block;
	padding:0;
	margin:0 0 10px 0;
	background:#67414e;
	color:#fff;
}

.menuhautreseau li {
	display:inline-block;
	margin:0;
	padding: 5px 15px;
	text-transform:uppercase;
	font-weight:bold;
	position: relative;
}
.menuhautreseau li:hover {cursor:pointer;}
.menuhautreseau li a {
	background:#67414e;
	color:#fff;
	display:inline-block;
	margin: -5px -15px;
	padding: 5px 15px;
	font-weight:bold;
}
.menuhautreseau li a:hover {
	text-decoration:none;
}

.menuhautreseau ul ul {
display:none;
width:260px; position:absolute; top:28px; left:0; 
padding:0; margin:0; z-index:99;
}
.menuhautreseau ul ul li {
width:260px; 
padding:0; 
margin:0;
text-transform:none;
border-top:1px solid #fff;
}
.menuhautreseau ul ul li a {
width:230px; 
padding:5px 15px; 
margin:0;
}
.menuhautreseau ul ul li a:hover {
	background:#714f5b;
}


.menuhautressource .arrow, .menuhautreseau .arrow {margin: 2px 0 0;}

.nuage a, .nuage a.size1, .nuage a.size2, .nuage a.size3, .nuage a.size4, .nuage a.size5, .nuage a.size6 {font-weight:bold;color:#404040; font-family:Georgia,"Nimbus Roman No9 L",serif;display: inline-block; font-style:italic;}
.nuage a:hover {color:#c7532c;};

.nuage a.size6 {
font-size:40px;
padding:0 4px;
}

.nuage a.size5 {
font-size:36px;
padding:5px;
}

.nuage a.size4 {
font-size:32px;
padding:10px;
}

.nuage a.size3 {
font-size:38px;
padding:5px;
}

.nuage a.size2 {
font-size:24px;
padding:5px;
}

.nuage a.size1 {
font-size:18px;
padding:5px;
}