
body {
background-image:url(../img/map_bkg.jpg);
margin:0px;
}

img {
border:0px;
}

a {
color:#ffffff;
text-decoration:none;
}

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

.zeboite {
background-image:url(../img/map_zeboite.jpg);
display:block;
float:left;
position:relative;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
width:954px;
}

/*::::::::::::::: head :::::::::::::::::*/

.boitehead {
background-image:url(../img/bkg_head.jpg);
background-position: top right;
background-repeat:no-repeat;
display:block;
float:left;
position:relative;
width:954px;
height:219px;
overflow:hidden;
}

.logo {
display:inline;
float:left;
position:relative;
width:379px;
height:219px;
}

.visuel_top {
display:inline;
float:left;
position:relative;
width:575px;
height:219px;
}

.lang {
display:inline;
float:right;
position:relative;
width:auto;
height:auto;
margin-top:-209px;
margin-right:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:1px;
color:#000000;
}

.lang a {
color:#000000;
}

.lang a:hover {
color:#ffffff;
}

/*::::::::::::::: menu left n1 :::::::::::::::::*/

.boitemenuleft {
background-image:url(../img/bkg_menuleft.jpg);
background-position: top left;
background-repeat:no-repeat;
display:block;
float:left;
position:relative;
width:171px;
height:391px;
}

.lien_n1 {
background-image:url(../img/dot_horizon_k.gif);
background-position: bottom left;
background-repeat:repeat-x;
display:block;
float:left;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
align:left;
color:#000000;
padding-left:40px;
padding-bottom:3px;
margin-top:8px;
clear:both;
width:auto;
margin-right:0px !important;
margin-right:-40px;
margin-right:-40px!important!;
}

.lien_n1 a{
color:#000000;
}

.lien_n1 a.on{
color:#5b6732;
font-weight:bold;
}

.lien_n1 a:hover{
color:#5b6732;
}

/*::::::::::::::: menu left n2 :::::::::::::::::*/

.boitemenuleftn2 {
background-color:transparent;
display:inline;
float:left;
position:relative;
width:171px;
border:0px solid red;
}

.lien_n_2 {
background-image:url(../img/dot_horizon_b.gif);
background-position: bottom left;
background-repeat:repeat-x;
display:inline;
float:left;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
align:left;
color:#000000;
padding-left:15px;
padding-bottom:3px;
margin-bottom:0px;
margin-top:8px;
margin-right:10px !important;
margin-right:-50px;
margin-right:-50px!important!;
clear:both;
width:auto !important;
width:120px !important!;
width:120px;
}

.lien_n_2 a{
color:#ffffff;
}

.lien_n_2 a.on{
color:#000000;
font-weight:bold;
}

.lien_n_2 a:hover{
color:#000000;
}

.lien_n_3 {
background-image:none;
display:inline;
float:left;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
align:left;
color:#000000;
padding-left:25px;
padding-bottom:3px;
margin-top:8px;
clear:both;
margin-right:10px !important;
margin-right:-50px;
margin-right:-50px!important!;
width:100px;
}

.lien_n_3 a{
color:#ffffff;
}

.lien_n_3 a.on{
color:#000000;
font-weight:bold;
}

.lien_n_3 a:hover{
color:#000000;
}

/*::::::::::::::: menu top n4 :::::::::::::::::*/

.boitemenutopn4 {
background-image:url(../img/dot_horizon_b.gif);
background-position: bottom left;
background-repeat:repeat-x;
background-color:transparent;
display:inline;
float:right;
position:relative;
width:98%;
margin-right:10px;
padding-bottom:10px;
border:0px solid red;
}

.lignen4 {
display:inline;
float:left;
position:relative;
width: 520px;
margin-bottom:5px;
}

.lien_n_4 {
display:inline;
float:left;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
align:left;
color:#fff;
padding-left:5px;
margin-bottom:15px;
margin-right:5px !important;
margin-right:-50px;
margin-right:10px!important!;
width:110px;
border-left:1px solid #fff;
}

.lien_n_4 a{
color:#ffffff;
}

.lien_n_4 a.on{
color:#000000;
font-weight:normal;
}

.lien_n_4 a:hover{
color:#000000;
}

/*::::::::::::::: boite content :::::::::::::::::*/

.boitecontentbkg {
background-image:url(../img/bkg_content.jpg);
background-position: top left;
background-repeat:no-repeat;
display:block;
float:left;
position:relative;
width:782px;
}

.boitecontent {
display:block;
float:left;
position:relative;
width:782px;
}

.boitearticle {
background-image:url(../img/dot_horizon_b.gif);
background-position: top left;
background-repeat:repeat-x;
display:block;
float:right;
position:relative;
width:600px !important;
width:590px;
width:590px !important!;
padding-top:0px !important;
padding-top:5px;
padding-top:5px!important!;
}

.boitearticlen1 {
background-image:url(../img/dot_horizon_b.gif);
background-position: top left;
background-repeat:repeat-x;
display:block;
float:left;
position:relative;
width:772px;
}

.titrerubracine {
display:block;
float:right;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:35px;
align:left;
width:auto;
color:#ffffff;
margin-right:3px !important;
margin-right:3px !important!;
margin-top:-80px !important;
margin-top:-85px !important!;
white-space:nowrap;
}

.titrerubracineseul {
display:block;
float:right;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:35px;
align:left;
width:auto;
color:#ffffff;
margin-right:5px !important;
margin-right:5px !important!;
margin-top:-45px !important;
margin-top:-48px !important!;
white-space:nowrap;
}

.titrerubgalerieseul {
display:block;
float:right;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:35px;
align:left;
width:auto;
color:#ffffff;
margin-right:5px !important;
margin-right:5px !important!;
margin-top:-45px !important;
margin-top:-48px !important!;
white-space:nowrap;
}

.titrerub {
background-color:#000000;
display:inline;
float:right;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
letter-spacing:1px;
color:#c0d362;
padding:2px 5px 4px 5px;
margin-right:0px !important;
margin-right:0px !important!;
margin-right:-1px;
margin-top:-35px !important;
margin-top:-40px !important!;
margin-bottom:0px;
clear:both;
white-space:nowrap;
}

.titressrub {
display:block;
float:left;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
align:left;
width:100%;
color:#000000;
margin-right:5px;
margin-top:5px;
margin-bottom:10px;
white-space:nowrap;
}

.titrearticle {
display:block;
float:left;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
align:left;
width:100%;
color:#000000;
margin-right:5px;
margin-top:5px;
margin-bottom:20px;
}

.chapo {
display:block;
position:relative;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
line-height:16px;
align:left;
color:#000000;
margin:5px 10px 10px 0px;
width:98%;
}

.txt {
display:block;
position:relative;
width:98%;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
align:left;
color:#000000;
margin-right:10px;
margin-left:0px;
text-align:left;
}

.txtformation {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
font-weight:normal;
align:left;
color:#000000;
margin-right:5px;
margin-left:0px;
text-align:left;
}

.chapogalerie {
display:inline;
position:relative;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
line-height:16px;
align:left;
color:#000000;
margin:5px 10px 10px 0px;
clear:right;
width:98%;
}

.txtgalerie {
display:inline;
position:relative;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
align:left;
color:#000000;
width:420px;
margin-right:5px;
margin-left:0px;
text-align:left;
}

.boitegalerie {
background-image:url(../img/dot_vertical_k.gif);
background-position: top left;
background-repeat:repeat-y;
float:right;
width:150px;
margin:0px 0px 0px 15px;
padding: 0px 0px 40px 0px;
text-align:center;
height:auto;
clear:right;
}

.minigalerie {
width:80px;
height:80px;
text-align:center;
overflow:hidden;
border:3px solid #ffffff;
margin-left:30px;
}

.titregalerieformation {
background-image:url(../img/dot_horizon_k.gif);
background-position: bottom left;
background-repeat:repeat-x;
display:block;
float:right;
position:relative;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#c0d362;
text-align:right;
margin-bottom:15px;
margin-right:0px;
padding-bottom:3px;
}

.boitegalerieformation {
display:block;
float:right;
width:100%;
margin-right:0px;
}

.minigalerieformation {
display:inline;
float:left;
position:relative;
width:90px;
height:90px;
text-align:center;
overflow:hidden;
border:3px solid #ffffff;
margin-right:20px;
}

/*::::::::::::::: actus :::::::::::::::::*/

.dateactuliste {
display:block;
position:relative;
float:left;
width:100%;
margin-top:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}

.titreactuliste {
display:block;
position:relative;
float:left;
width:98%;
margin-top:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
}

.chapoactuliste{
display:block;
position:relative;
float:left;
width:98%;
margin-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
}

.actuplus {
background-image:url(../img/actuplus.gif);
background-position: top left;
background-repeat:no-repeat;
display:block;
position:relative;
float:left;
width:339px;
height:15px;
margin-top:10px;
margin-bottom:20px;
}

.pagination {
display:inline;
float:right;
position:relative;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-spacing:1px;
align:left;
color:#000000;
}

.pagination a{
color:#ffffff;
}

.pagination a:hover{
color:#000000;
}

.pagination .on{
font-weight:bold;
}

/*::::::::::::::: rub galerie :::::::::::::::::*/

.boitelistegaleries {
background-image:url(../img/dot_horizon_b.gif);
background-position: top left;
background-repeat:repeat-x;
display:block;
float:right;
position:relative;
width:600px;
padding-top:0px !important;
padding-top:5px;
padding-top:5px!important!;
padding-left:10px;
}

.titrerubgalerie {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;

}

.txtrubgalerie {
display:inline;
position:relative;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
color:#000000;
margin-bottom:25px;
margin-right:10px;
text-align:left;
}

.minigalerierub {
float:left;
text-align:center;
overflow:hidden;
margin-right:10px;
margin-top:10px;
clear:left;
}

.paginationgalerie {
display:inline;
float:right;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-spacing:1px;
align:left;
color:#000000;
margin-right:10px;
}

.paginationgalerie a{
color:#ffffff;
}

.paginationgalerie a:hover{
color:#000000;
}

.paginationgalerie .on{
font-weight:bold;
}



/*::::::::::::::: footer :::::::::::::::::*/

.boitefooter {
display:inline;
float:right;
position:relative;
width:775px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-spacing:1px;
align:left;
color:#000000;
margin:30px 10px 10px 0px;
}

.lienfooter {
display:inline;
float:right;
position:relative;
width:auto;
padding-right:10px;
margin-left:10px;
border-right:1px solid #000000;
}

.lienfooter a{
color:#000000;
}

.lienfooter a.on{
color:#ffffff;
}

.lienfooter a:hover{
color:#ffffff;
}


/* ==============================================================
        STYLES AJOUTES PAR WEBMESTRE ECOLE BOULLE
   ============================================================= */
#TB_secondLine a:link,
#TB_secondLine a:visited,
#TB_secondLine a:visited,
#TB_secondLine a:active {
color:#000;
}

/**** squelette article-46.html : les travaux des eleves ****/
body.travaux_eleves div.txt a img.spip_logos {
margin:0 10px 10px 0;
}
body.travaux_eleves div.txt a img {
border:3px solid #fff;
}
body.travaux_eleves div.txt a:hover img {
border:3px solid #000;
}

#portfolio-boulle {
margin-top:20px;
}