/*Theme Name: Giraffe2
Theme URI: http://urbangiraffe.com/themes/giraffe2/
Description: Fully localized and configurable fluid theme with 1 to 3 columns
Version: 2.6.1
Author: John Godley
Author URI: http://urbangiraffe.com/*/

/* * Basic styles * */

* { margin: 0; padding: 0; }

body { font-size: 10px; min-width: 800px; max-width: 1400px; color: #333; }

.clear { clear: both; height: 1px; padding: 0; margin: 0; overflow: hidden; }

.widecontent, .fullcontent { padding: 20px 20px 2em 20px; text-align: justify; background-color: white; }

.widecontent .post { font-size: 11px; }

.widecontent p { padding: 0.5em; }

.narrowcontents { padding-bottom: 1.5em; overflow: hidden; }

.narrowcontents .post { padding-top: 1em; padding-bottom: 0.5em; }

.narrowcontents .post p { line-height: 1.6em; margin-bottom: 0.8em; }

#inset em { margin-left: 0.5em; }

#content .post { padding-right: 1em; font-size: 1em; }

.post { margin-bottom: 0.5em; line-height: 1.5em; }

.smallpost { padding-left: 1em; margin: 0 0 0.8em 0; }

.smallpost h2 { font-size: 1.2em; }

.smallpost postmetadata { font-size: 0.7em; }

.entry { text-align: justify; }

.entrytext > p:first-child:first-letter, .entry > p:first-child:first-letter { font-size: 1.3em; }

div.hr hr { display: none; }

#pagenav ul { padding-top: 0.3em; }

#pagenav li { display: table-cell; list-style-type: none; size: landscape; }

#pagenav ul li a { color: white; text-align: center; font-size: 14px; padding-left: 0.4em;  padding-right: 1em; text-decoration: none; }

#pagenav ul li a:hover { text-decoration: underline; }

.item h2 img { width: 1.1em; height: 1.1em; }

.alignleft { float: left; text-align: left; }

.alignright { float: right; text-align: right; }

.aligncenter { text-align: center; }

img.centered { display: block; margin-left: auto; margin-right: auto; border: 1px solid #aaa; padding: 2px; }

img.alignright { padding: 4px; margin: 4px 0 5px 7px; display: inline; border: 1px solid #ddd; }

img.alignleft { padding: 4px; margin: 4px 7px 5px 0; display: inline; border: 1px solid #ddd; }

img.border { border: 1px solid #aaa; padding: 2px; }

acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }

blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }

a img { border: none; }

h2 { font-size: 1.3em; font-weight: normal; }

.siteinterne { background-color:#990000; color:#FFF; -moz-border-radius:5px 5px 5px 5px; }

.stages { float:left; margin-left:15px; width:380px; margin-top:10px; }

.ecolefichetext { float:left; margin-left:15px; width:380px; margin-top:10px; }

.animvol { background-color:#7CA130; padding:0.5em; color:#FFF; -moz-border-radius:5px 5px 5px 5px; }

.animvolh13 { background-color:#7CA130; color:#FFF; -moz-border-radius:5px 5px 5px 5px; }

.animvolh131 { background-color:#00AAF0; text-decoration:none; float:left; color:#FFF; -moz-border-radius:5px 5px 5px 5px; }

.animvolh132 { background-color:#F55501; float:left; color:#FFF; -moz-border-radius:5px 5px 5px 5px; }

.animvolh133 { background-color:#e12e18; text-decoration:none; float:left; color:#FFF; -moz-border-radius:5px 5px 5px 5px; }

.animvolh133 a { color:#FFF; text-decoration: none; font:bold; }

.animvolh134 { background-color:#6e8417; float:left; color:#FFF; -moz-border-radius:5px 5px 5px 5px; }

.animvolh134 a { color:#FFF; text-decoration: none; font:bold; }

.animvolh135 { background-color:#762b90; text-decoration:none; float:left; color:#FFF; -moz-border-radius:5px 5px 5px 5px; }

.animvolh135 a { color:#FFF; text-decoration: none; font:bold; }

.animvolh136 { background-color:#a54827; float:left; color:#FFF; -moz-border-radius:5px 5px 5px 5px; }

.animvolh136 a { color:#FFF; text-decoration: none; font:bold; }
	
.bafa ul { background-color: #00AAF0; }

.bafa2013 ul { background-color: #e12e18; }

.bafd ul { background-color: #F55501; }

.bafd2013 ul { background-color: #748326; }

.baf ul { background-color: #FFF; }

.bafa ul, .bafa2013 ul, .bafd ul, .bafd2013 ul, .baf ul {
    border-color: #000000 #000000 -moz-use-text-color;
    border-radius: 10px 10px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    font-size: 7pt;
    list-style-type: none;
    margin: 0;
    padding: 0.5em;
}
<!---->

.bafa2014 {
    border-color: #000000 #000000 -moz-use-text-color;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px 1px medium;
    font-size: 11px;
    list-style-type: none;
	background-color:#762b90;
}

.bafa2014 tbody {
    margin: 0;
    padding: 0.5em;
}

.bafa2014 th {
    border-color: #000000 #000000 -moz-use-text-color;
    color: #FFFFFF;
    font-size: 14px;
    font-weight:normal;
	height:30px;
	text-align:left;
	padding:0 10px;
}

.bafa2014 td:hover { background-color: #E1E1E1; }

.bafa2014 td { 
	background-color: #FFF;
	border-color:#FFFFFF;
	padding:5px 10px 5px;
	line-height:15px;
}

.bafa2014 tr { border:none; }

.iconebafa2014 {
  -webkit-transition:all 0.2s ease-in;
  background-color:#762B90;
  background-position:initial initial;
  background-repeat:initial initial;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  color:#FFFFFF;
  font-family:'Open Sans Condensed', sans-serif;
  font-size:12px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  padding:5px 10px;
  text-decoration:none;
  transition:all 0.2s ease-in;
  float:right;
}

.bafa2013 {
    border-color: #000000 #000000 -moz-use-text-color;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px 1px medium;
    font-size: 11px;
    list-style-type: none;
	background-color:#E12E18;
}

.bafa2013 tbody {
    margin: 0;
    padding: 0.5em;
}

.bafa2013 th {
    border-color: #000000 #000000 -moz-use-text-color;
    color: #FFFFFF;
    font-size: 14px;
    font-weight:normal;
	height:30px;
	text-align:left;
	padding:0 10px;
}

.bafa2013 td:hover { background-color: #E1E1E1; }

.bafa2013 td { 
	background-color: #FFF;
	border-color:#FFFFFF;
	padding:5px 10px 5px;
	line-height:15px;
}

.bafa2013 tr { border:none; }

.iconebafa2013 {
  -webkit-transition:all 0.2s ease-in;
  background-color:#E12E18;
  background-position:initial initial;
  background-repeat:initial initial;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  color:#FFFFFF;
  font-family:'Open Sans Condensed', sans-serif;
  font-size:12px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  padding:5px 10px;
  text-decoration:none;
  transition:all 0.2s ease-in;
  float:right;
}

.iconebafa {
  -webkit-transition:all 0.2s ease-in;
  background-color:#762B90;
  background-position:initial initial;
  background-repeat:initial initial;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  color:#FFFFFF;
  font-family:'Open Sans Condensed', sans-serif;
  font-size:9px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  padding:4px 5px;
  text-decoration:none;
  transition:all 0.2s ease-in;
  float:none;
}

.bafd2014 {
    border-color: #000000 #000000 -moz-use-text-color;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px 1px medium;
    font-size: 11px;
    list-style-type: none;
	background-color:#a54827;
}

.bafd2014 tbody {
    margin: 0;
    padding: 0.5em;
}

.bafd2014 th {
    border-color: #000000 #000000 -moz-use-text-color;
    color: #FFFFFF;
    font-size: 14px;
    font-weight:normal;
	height:30px;
	text-align:left;
	padding:0 10px;
}

.bafd2014 td:hover { background-color: #E1E1E1; }

.bafd2014 td { 
	background-color: #FFF;
	border-color:#FFFFFF;
	padding:5px 10px 5px;
	line-height:15px;
}

.bafd2014 tr { border:none; }

.iconebafd2014 {
  -webkit-transition:all 0.2s ease-in;
  background-color:#a54827;
  background-position:initial initial;
  background-repeat:initial initial;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  color:#FFFFFF;
  font-family:'Open Sans Condensed', sans-serif;
  font-size:12px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  padding:5px 10px;
  text-decoration:none;
  transition:all 0.2s ease-in;
  float:right;
}

.bafd2013 {
    border-color: #000000 #000000 -moz-use-text-color;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px 1px medium;
    font-size: 11px;
    list-style-type: none;
	background-color:#748326;
}

.bafd2013 tbody {
    margin: 0;
    padding: 0.5em;
}

.bafd2013 th {
    border-color: #000000 #000000 -moz-use-text-color;
    color: #FFFFFF;
    font-size: 14px;
    font-weight:normal;
	height:30px;
	text-align:left;
	padding:0 10px;
}

.bafd2013 td:hover { background-color: #E1E1E1; }

.bafd2013 td { 
	background-color: #FFF;
	border-color:#FFFFFF;
	padding:5px 10px 5px;
	line-height:15px;
}

.bafd2013 tr { border:none; }

.iconebafd2013 {
  -webkit-transition:all 0.2s ease-in;
  background-color:#748326;
  background-position:initial initial;
  background-repeat:initial initial;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  color:#FFFFFF;
  font-family:'Open Sans Condensed', sans-serif;
  font-size:12px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  padding:5px 10px;
  text-decoration:none;
  transition:all 0.2s ease-in;
  float:right;
}

.iconebafd {
  -webkit-transition:all 0.2s ease-in;
  background-color:#a54827;
  background-position:initial initial;
  background-repeat:initial initial;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  color:#FFFFFF;
  font-family:'Open Sans Condensed', sans-serif;
  font-size:9px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  padding:4px 5px;
  text-decoration:none;
  transition:all 0.2s ease-in;
  float:none;
}

.bafa, .bafd, .stagevide, .baf {
    margin-top: 10px;
}

.titre-blanc12px {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

.stage ul {
    background-color: #FFFFFF;
    border-color: -moz-use-text-color #000000 #000000;
    border-radius: 0 0 10px 10px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    font-size: 8pt;
    list-style-type: none;
    margin: 0;
    padding: 0.5em;
}

.stage ul li, .bafa ul li, .bafa2013 ul li, .bafd ul li, .bafd2013 ul li, .baf ul li{
	background: none repeat scroll 0 0 transparent;
    line-height: normal;
    margin: 0;
    padding: 0;
}

.stage ul li { height:30px; }

.stage ul li:hover { background-color:#E1E1E1; }

.animpro {
	background-color:#0084c4;
	padding:0.5em;
	color:#FFF;
	-moz-border-radius:5px 5px 5px 5px;
}

.ecole {
	background-color:#FFC421;
	padding:0.5em;
	color:#FFF;
	-moz-border-radius:5px 5px 5px 5px;
}

.ecolefiche {
	background-color:#d9d9d9 ;
	color:#767f14;
	padding:0.5em;
	font-weight:bold;
	-moz-border-radius:5px 5px 5px 5px;
}

ul { list-style-type: none; }

ul li { margin-left: 20px; padding-left: 15px; background: transparent url(bullet.gif) no-repeat 0px 6px; }

ol { margin: 0 0 0.5em 1em; }

ol li { margin-left: 20px; }

h3 { margin-top: 0.5em; font-size: 1.4em; font-weight: normal; }

h4 { margin-top: 1.2em; font-size: 1.2em; }

h5 { margin-top: 1em; font-size: 1em; }

.alignleft { float: left; text-align: left; }

.alignright { float: right; text-align: right; }

.inset { float: right; border: 1px dotted #999999; padding: 5px; margin-top: 5px; color: #555555; margin-left: 10px; }

.inset ul { margin-top: 0 !important; padding-top: 0 !important; }

.inset li { margin-left: 5px !important; }

.sidebar { margin-bottom: 2em; overflow: hidden; }

.sidebar ul { margin: 0; padding: 0; list-style-type: none; }

.sidebar ul li { margin: 0; padding: 0; padding-bottom : 0.5em; margin-bottom: 1em; }

.sidebar ul ul { padding: 0.1em; line-height: 1.6em; }

.sidebar h2 { padding: 0.5em ; }

.sidebar ul li ul li { background: none; margin-bottom: 0; padding-bottom: 0; }

#nav_menu-3 ul li { padding-left: 10px; margin-left: 5px; background: transparent url(bullet.gif) no-repeat 0px 6px !important; }

#nav_menu-4 ul li { padding-left: 10px; margin-left: 5px; background: transparent url(bullet.gif) no-repeat 0px 6px !important; }

.sidebar dl { padding: 0.6em 1em 0.2em 1em; }

.sidebar dl img { vertical-align: middle; padding-right: 0.5em; }

.sidebar dt { font-weight: bold; }

.sidebar dd { margin-left: 1.8em; margin-bottom: 0.3em; }

.sidebar dt img { width: 1.3em; height: 1.3em; }

.sidebar p, .textwidget { padding: 0.5em; text-align: justify; }

#wp-calendar td { padding: 2px 0; }

#prev a, #next a, #next a:hover, #prev a:hover, #showit a, #showit a:hover { border: 0; text-decoration: underline; background-color: transparent; color: black; }

#wp-calendar-split { border-top: 4px double #999; margin-top: 4px; }

/* * Comments  *  */

#commentform { margin-top: 1em; }

#commentform p { margin-bottom: 0.5em; }

#commentform textarea { width: 95%; }

#commentform a { color: #13076b; }

#submit { border: 1px solid #999; }

ol.commentlist { margin: 0; padding: 0; list-style-type: none; }

.authorlink { display: inline; }

.authorlink a { text-decoration: none; }

.authorlink a:hover { color: red; }

ol.commentlist li {  margin: 0; padding: 0 10px; padding-top: 1.5em; }

.commentlist cite { font-style: normal; }

code { font-size: 1.2em; }

.commentauthor { background-color: #eee; }

.commentinfo h4 { display: inline; }

.commentlist p { line-height: 1.4em; margin-bottom: 1em; }

#giraffe { float: right; color: #999; }

#giraffe a { color: #999; }

#page { margin: 0 auto; background-color: white; }

#wrapper { margin: 0; }

#main { margin: 10px 0 10px; overflow: hidden; }

.widecontent .post { padding: 0; margin-bottom: 2em; line-height: 1.6em; }

.widecontent h2 { font-size: 18px; height: 1.2em; padding: 0.2em 1em 0.1em 0px; display: table;  width: 90%; }

.widecontent h3 a { text-decoration: none; }

h2.narrowcorner { letter-spacing: 0.3em; margin-bottom: 0px !important; }

h2.narrowheading { letter-spacing: 0.3em; padding: 0.2em 1em 0.2em 2.5em; margin-bottom: 1em; }

#inset { padding-bottom: 2.5em; background-color: white; }

#inset ul { line-height: 1.6em; }

#inset h2 { padding: 0.2em 1em 0.2em 0; }

#footer { margin: 0 auto; clear: both; text-align: left; line-height: 1.5em; padding: 20px 0; color: #666; }

#footer img { vertical-align: middle; }

#footer a { color: #666; text-decoration: none; }

#footer a:hover { color: red; }

div.hr { height: 1px; }

#header a { text-decoration: none; font-size: 1.5em; }

#pagenav { text-align: center; margin: 0 auto; height: 1.8em; white-space: nowrap; }

#pagenav ul li { background: none; padding: 0; margin: 0 }

.linkbar { text-align: center; clear: both; margin: 0; padding: 3px 0; }

.linkbar ul { text-align: center; }

.linkbar ul li { display: inline; text-decoration: none; background: none; }

.linkbar ul li a { color: white; text-decoration: none; padding: 3px 0.4em; }

.linkbar ul li a:hover, .linkbar .active { color:red; padding: 3px 0.4em; }

.linkbar ul li p { color: #555; display: inline; padding: 3px 0.4em; }

.linkbar li.left { float: left; margin-left: 29px; width: 10em; text-align: left; }

.linkbar li.right { text-align: right; float: right; width: 10em; margin-right: 24px; }

.linkbar li.left a, .linkbar li.right a { border: 0; }

blockquote { margin: 1em 1.5em; padding: 1em 1em; background: transparent url(quote.gif) no-repeat scroll top left; font-size: 0.9em; color: #333; font-style: oblique; }

h2 a { text-decoration: none; }

h2 a:hover { color: red }

#searchform { padding: 1em 0; margin: 0 auto; text-align: center; width: 95%; }

#searchsubmit { border: 1px solid #999; width: 20%; }

#s { width: 60%; }

#wp-calendar { text-align: center; width: 100%; border-collapse: collapse; padding: 0; margin: 0; font-size: 1em; }

#wp-calendar caption a, #wp-calendar caption a:hover { background: transparent; }

#wp-calendar th { padding: 2px 0; }

#wp-calendar a { text-decoration: none; display: block; color: black; }

#wp-calendar caption { letter-spacing: 0.1em; padding: 0.2em 1em 0.2em 0.8em; font-weight: normal; text-align: left; font-size: 1.2em; }

a.java { padding: 1em 1em 1em 0px; margin-bottom: 1em; display: block; font-size: 1.2em; }

.gravatar { width: 3.2em; height: 3.2em; margin-right: 1em; margin-bottom: 0.5em; padding: 3px; background-color: white; }

ol.commentlist li { padding-bottom: 0.5em; }

.commentlist h4 a { text-decoration: none; }

.commentmetadata { display: block; padding-top: 0.5em; font-size: 0.9em; }

.commentlist h4 { padding-top: 0; margin-bottom: 0; padding-bottom: 0.1em; font-size: 1.2em; }

.fullmain { padding-top: 20px; }

#calendar .widgettitle { display: none; }

.loading { margin: 0 auto; background-color: #ccc; padding: 10px; margin-top: 10px; }

.reference { font-size: 0.8em; color: #aaa; }

.reference a, .aside a { color: #555 !important; }

.aside { margin-left: 10px; font-size: 0.8em; text-align: left; line-height: 1.2em; float: right; width: 200px; padding: 5px 10px; border: 1px dotted #aaa; background-color: #f5f5f5; color: #555; margin-top: 5px; }

.aside h3 { margin-bottom: 4px; }

.aside p { margin-top: 4px; }

#headerimg a { display: block; width: 100%; }

#pagenav ul li.bouton1 a {background-color: #F4A460;width: 50px;padding: 7px;}

#pagenav ul li.bouton2 a {background-color: #7ca130;width: 50px;padding: 7px;}

#pagenav ul li.bouton3 a {background-color: #0084c4;width: 50px;padding: 7px;}

#pagenav ul li.bouton4 a {background-color: #ffc421;width: 50px;padding: 7px;}

#pagenav ul li.bouton5 a {background-color: #00a9a1;width: 50px;padding: 7px;}

#pagenav ul li.bouton6 a {background-color: #990000;width: 50px;padding: 7px;}

#rss-footer{float:left; width:400px;}

#register{float:right; }

h131 a:link { color: #FFF; text-decoration: none; }

h131 a:visited { text-decoration: none; color: #FFF; }

h131 a:hover { text-decoration: none; color: #000; }

h131 a:active { text-decoration: none; color: #FFF; }

h131 a { font-weight: bold; }

.encadrement {
	-moz-border-radius:10px 10px 10px 10px;
	border: 1px solid #000;
	margin-left:12px;
	margin-bottom:0px;
	margin-top:10px;
	padding:10px;
	text-align:left;
}

.encadrement_titre1 {
	-moz-border-radius:10px 10px 10px 10px;
	border: 1px solid #000;
	margin-left:12px;
	margin-bottom:0px;
	margin-top:10px;
	padding:10px;
	text-align:left;
	color:#000000;
	background-color:#ccffff;
	font-size:14px;
}

.encadrement_titre2 {
	-moz-border-radius:10px 10px 10px 10px;
	border: 1px solid #000;
	margin-left:12px;
	margin-bottom:0px;
	margin-top:10px;
	padding:10px;
	text-align:left;
	color:#000000;
	background-color:#ffcc00;
	font-size:14px;
}

.encadrement_titre3 {
	-moz-border-radius:10px 10px 10px 10px;
	border: 1px solid #000;
	margin-left:12px;
	margin-bottom:0px;
	margin-top:10px;
	padding:10px;
	text-align:left;
	color:#000000;
	background-color:#9999CC;
	font-size:14px;
}