body { margin-left: 10%; color : navy; font-family: arial, verdana;  }   
#logo_pale { margin-bottom : 2 em; background-image :  url("images/views_logo_pale.jpg"); background-repeat : no-repeat; background-position : 95% 90%; background-attachment : fixed;}

h1 {	font-size: 170%; margin-top: 1%; padding-bottom: 2%;}
h2 { 	font-size: 120%; margin-bottom: 1%; }
h3 {	font-size: 110%;  }

li {padding-bottom: 0.5%; margin-right : 5%;}

.chapeau {font-size: 110%; font-weight : bold; background-color: #C2FBD5; padding-left: 2%; padding-right: 2%; padding-bottom : 2%; padding-top: 2%; margin-right : 5%;}
blockquote { font-size : 105%; font-weight: bold; background-color: #F8FEB1; padding-top:0.5%;padding-bottom: 0.5%; padding-left: 2%; padding-right: 2%;}

#medium { font-size : 100%; text-align: justify; margin-right : 30%;  }
#small { font-size : 95%; text-align : justify; margin-right: 22%; }

	/* page d'accueil */
#accueil {margin-left : 5%; margin-right : 5%; background-image :  url("images/views_logo_pale.jpg"); background-repeat : no-repeat; background-position : 50% 50%; font-size: 110%; font-weight: bold;}
#gd_logo_2 { float: right; margin-left: 5%; margin-bottom: 2%; }
#gd_logo_1 { float: left; margin-right: 5%; margin-bottom: 2%; }
#denomination {font-size: 120%; text-align: center; }
#t_left { position:absolute ; left:10% ; top:60% ; width: 38%;}
#t_right { position:absolute ; left:58% ; top:60% ; width: 38%;}
#anysurfer {position: absolute; top: 40%; left: 5%;}

	/* plan  de site */
#as-txt {
position: absolute;
left: 0px;
top: -10000px;
width: 1px;
height: 1px;
overflow: hidden;
}
#plan_site h1 { font-size: 200%; font-weight: bold; text-align: center; }
#plan_site h2 {font-size: 120%; margin-bottom: -2%; margin-top: 1%;}
#plan_site {margin-right : 30%;}
#plan_site ul { font-weight: bold; padding-bottom:0%; padding-top: -1%; margin-left: 4%; line-height : 1.3;}
#plan_site ul ul { padding-bottom:0.2%; padding-top:1%;margin-left: 4%;}

	/* camp été 2004 */
#camp_ete_2004 {font-weight : bold;}
#camp_ete_2004 table {width : 100%; }
#camp_ete_2004 td { width : 33%; text-align : center; font-weight : bold; padding-bottom: 2%; font-size: 100%; }
#camp_ete_2004 img {border: none;}

	/* views_objectifs */
#objectifs { font-size : 105%; margin-right : 40%; text-align : justify; font-weight: bold; }




.center {text-align : center;}
.texte {text-align : justify; margin-bottom: 1%; }
.title {font-weight: bold; margin-bottom: 1%;}
.question {font-weight: bold; color: #779D66; padding-bottom: 1.5%; padding-top: 1.5%; margin-left: 5%;}
.notice {font-weight: bold; color: red;}
.b_i {font-weight : bold; font-style: italic;}


a:link { color : #1C50E2; font-weight: bold; text-decoration: none;}
a:visited { color: #85858C; font-weight: bold; text-decoration: none;}
a:hover { color : #004A4A; font-weight: bold; text-decoration: none;}
a:active

#fond_couleur {background-color: #FCFCEA;}



.red {color: red; font-weight: bold;}


	/* listes de partenaires */
h2.pays {font-size: 130%; padding-top: 2%;}
dt {font-weight: bold; }
ul.partners {text-align: left;}


/******************* footer *****************/
.copy { text-align: left; font-size: 85%; font-style: italic; font-weight: bold;}
.menu {margin-right : 2%; text-align: right; font-size: 90%; padding-top: 2%; clear : both;}          
.menu_center {text-align: center; font-size: 90%; padding-top: 2%; clear : both;}          

/******************* liens *****************/
.
_very_large_small_font {font-size: 1 em; background-color: #EEF0FF; padding-left: 5%; padding-right: 2%; padding-bottom : 2%; padding-top: 2%; margin-right : 10%; }

.liens_int {font-size: 1.1 em; background-color: #B3E5FA; padding-left: 5%; padding-right: 2%; padding-bottom : 2%; 		padding-top: 2%; margin-right : 35%; list-style: none; }
.liens_int li { padding-left: 0; margin-left: 0; }

.liens {background-color: #B3E5FA; padding-left: 5%; padding-right: 2%; padding-bottom : 2%; padding-top: 2%; margin-right : 15%; line-height: 1.3;}

.liens_large {font-size: 1.1 em; background-color: #B3E5FA; padding-left: 5%; padding-right: 2%; padding-bottom : 1%; padding-top: 1%; margin-right : 15%; line-height: 1.3;}

.liens_very_large {font-size: 1.1 em; background-color: #B3E5FA; padding-left: 5%; padding-right: 2%; padding-bottom : 1%; padding-top: 1%; margin-right : 10%; line-height: 1.3;}

.top {text-align: right;}

/******************* logos & photos *****************/
.logo { float: right; margin-left: 5%; margin-right: 5%; margin-bottom: 2%;}
.left { float: left; margin-right: 5%; margin-bottom: 2%; }
.right { float: right; margin-left: 5%; margin-bottom: 2%; }
.bij { float: right; margin-right: 2%;	margin-left: 5%;}

/*************** staff **********/
.identity1 { float: right; margin-left: 8%; margin-right: -4%;}
.identity2 { float: right; margin-left: 8%; margin-right: 8%;}


.anca_loredana {float: left; margin-right= 5%; margin-bottom: 2%;}

img {border: none; margin: 2%;}
.clear {clear: both;}


/******************* formation tactile *****************/
.ho3 {margin-right: 5%;}
.ho4 {margin-left: 5%;}
dt.tactile {font-weight: bold; margin-bottom: 1%;}
dd.tactile {margin-bottom: 1%;}
.loredana {height : 200 px; padding-top : 10%; padding-bottom: 15%;}

/******************* camps d'été *****************/
#photo_camp { font-weight: bold; text-align : center;  line-height : 1; background-color: none; width: 100%;}
.photo_camp { font-weight: bold; text-align : center;  background-color: none; width: 120%;}
.photo_camp_gauche  { float: left; margin-left : 0.5%;  border = 0;  background-color: none;  }
.photo_camp_milieu { float: left; margin-left : 6%;  border = 0; }
.photo_camp_droite { float: left; margin-left : 6%; margin-right: 2% border = 0; }

/******************* SVE *****************/
SVE_faisabilite {margin : 2%; text-align : center; background-color: red;}






.space_large {height: 60%;}
img.ROI { float: left; margin-right: 8%;}

.photo2007 { float: left; width:640; heigth:480; border:none; }