* { margin: 0; padding: 0; outline: 0; }

body {-webkit-text-size-adjust:none;} /*pour éviter de diminuer la taille des polices sur iphone*/

html {overflow-y: scroll;}/*fige le scroll*/

body, html { height: 100%;

 }

body {
	line-height: 19px;
	font: 13px/1.7em 'Open Sans', sans-serif;
	color: #75797C;
	background: #edf6ff url(images/body.png) repeat-x 0 0;
	min-width: 956px;
}

h1, h2, h3, h4 {font-family:Arial, Helvetica, sans-serif;}


h1 {
	font-size: 2em;
	font-weight: bold;
	color: #369;
	margin-bottom: 12px;
}
h2 {
	font-size: 1.2em;
	margin-top: 10px;
}
.classement table {
	width: 70%;
}
.classement td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

/*MODULE DES PHOTOS*/
.ph_gauche, .ph_droite, .ph_gauche_top, .ph_droite_top {
	background-color: #FFF;
	border: 1px solid #CCC;
	clear: both;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.ph_gauche {
	float: left;
	margin: 10px 15px 5px 0
}
.ph_droite {
	float: right;
	margin: 10px 0 5px 15px
}
.ph_gauche_top {/*ALIGNEMENT TOP GAUCHE SANS MARGE*/
	float: left;
	margin: 0 15px 5px 0;
}
.ph_droite_top {/*ALIGNEMENT TOP DROITE SANS MARGE*/
	float: right;
	margin: 0 0 5px 15px;
}

table {
	width: 100%;
	border-collapse:collapse;
	margin-bottom: 10px
}
table td, table th {
	padding: 0;
	border: 0;
	line-height: 1.7em;
	vertical-align: top;
	text-align: left;
}

.stand {padding-left: 10px; margin-left:10px;}

.services .widget table tr td p {padding-bottom: 0px;}

a { color: #47a1c4; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

a.pdf {
	background: url(../images/icone/ico_pdf.gif) no-repeat;
	padding: 2px 0 2px 22px;
	height: 17px;
}

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#wrapper { padding-top: 20px; }

.shell { margin: 0 auto; width: 956px; }
.container {
	background: #fff;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
}

.header { padding: 45px 32px 0px;  }
#logo {
	width: 200px;
	float: left;
	margin-top:-20px;
}
#logo a {
	height: 100px;
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	background-image: url(images/logoCDNV.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.sep {
	clear: both;
	width: 100%;
	height: 1px;
	margin: 20px 0;
}

#navigation { height: 35px; line-height: 35px; float: right; position: relative; z-index: 20; }
#navigation ul { list-style: none; list-style-position: outside; font-size: 13px; text-shadow: rgba(255,255,255,0.5) 0px 1px 1px; }
#navigation ul li { float: left; position: relative; padding-right: 2px; background: url(images/navigation-border.png) no-repeat right 0; }
#navigation ul > li.last { background: transparent; width: auto; float: left; padding-right: 0; }
#navigation ul > li.last a { border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-right: 1px solid #d7e1e8 !important; }
#navigation ul > li.first a { border-radius: 5px 0px 0px 5px ; -moz-border-radius: 5px 0px 0px 5px ; -webkit-border-radius: 5px 0px 0px 5px ; -o-border-radius: 5px 0px 0px 5px; border-left: 1px solid #d7e1e8 !important; }
#navigation ul li a { color: #324957; float: left; padding: 0 15px; border: 1px solid #d7e1e8; border-left: 0; border-right: 0; background: url(images/navigation.png) repeat 0 0;  }
#navigation ul li a:hover,
#navigation ul li.active a { background: url(images/navigation-a.png) repeat 0 0; color: #3995d6; text-decoration: none; }

#navigation ul li a span { background: url(images/navigation-arr.png) no-repeat right 0; width: 10px; height: 6px; float: right; padding-left: 3px; margin-top: 14px; }

#navigation ul li ul { display: none; float: none; line-height: 28px;  position: absolute; top: 35px; left: 0; width: 120%; background: #e1efff; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; }
#navigation ul li:hover ul { display: block; }

#navigation ul li ul li { display: block; float: none; padding: 0; background: transparent; }
#navigation ul li ul li a { float: none; display: block !important; padding: 0 18px; }
#navigation ul li ul li a:hover { float: none; display: block; background: transparent; background-color: #bdd7f4; }
#navigation ul li.last ul li a {  padding: 0 18px !important;  float: none; display: block;  border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;}
#navigation ul li ul li.last { float: none; display: block; }
#navigation ul li ul li.last a { border-radius: 0px 0px  5px 5px; -moz-border-radius: 0px 0px  5px 5px; -webkit-border-radius: 0px 0px  5px 5px; -o-border-radius: 0px 0px  5px 5px; }

#navigation ul li ul li.first a { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;}
#navigation ul li.first ul li a { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;}

.main h3 { color: #293237; font-size: 18px; line-height: 23px; font-weight: normal; }
.main h3 a { color: #293237; }

.flexslider { width: 892px; height: 331px; margin: 0 auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; margin-bottom: 27px; }
.flexslider ul { list-style: none; list-style-position: outside; position: relative; }
.flexslider ul li { width: 892px; height: 331px; float: left; }
.flexslider ul li img { width: 892px; height: 331px; }
.flexslider ul li .slide-cnt { width: 412px; position: absolute; top: 0px; right: 74px; }
.flexslider ul li .slide-cnt h2 { font-size: 42px; font-weight: bold; color: #fff; line-height: 45px;  text-shadow: rgba(0,0,0,0.5) 1px 1px 1px;  padding-bottom: 17px; }
.flexslider ul li .slide-cnt p { color: #1f3e50; line-height: 26px; }
.flexslider ul li  a.slider-btn { position: absolute; bottom: 0; left: 50%; min-width: 176px; height: 34px; margin-left: -88px; background: #fff; border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; color: #1e3d51; font-size: 19px; font-weight: bold; text-align: center; line-height: 36px;
}

.flexslider ul li  a.slider-btn:hover { text-decoration: none; color: #3995d6;  }
.flexslider ul li  a.slider-btn span { background: url(images/slider-btn-arr.png) no-repeat 0 9px; padding-left: 15px; }

section {
	padding-top: 0;
	padding-right: 32px;
	padding-bottom: 0px;
	padding-left: 32px;
}
.last-section { border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; }
.cols { background: url(images/cols.png) repeat-x 0 bottom; }
.cols h3 { padding-bottom: 14px;  }
.cols p { padding-bottom: 10px;  }
.cols .col { width: 285px; float: left; }
.cols .col+.col { padding-left: 14px; }
.cols .col a.col-btn { background: url(images/col-btn.png) repeat 0 0; float: left; border: 1px solid #afd1f6; height: 21px; line-height: 21px; text-align: center; padding: 0 15px; color: #324957;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;
	text-shadow: rgba(255,255,255,0.9) 1px 1px 1px;
}

.cols .col a.col-btn:hover { background-position: 0 bottom; text-decoration: none; }

.box { background: url(images/box.png) repeat 0 0; padding: 19px 32px 29px 32px; position: relative; height: 100%;
margin-top: 25px; }
.box span.shadow-t { width: 956px; height: 11px; background: url(images/box-shadow-t.png) no-repeat 0 0; position: absolute; top: 0; left: 0; display: block;}
.box span.shadow-b { width: 956px; height: 11px; background: url(images/box-shadow-b.png) no-repeat 0 0; position: absolute; bottom: -4px; left: 0; display: block;}
.box h3 {
	/* [disabled]float: left; */
	margin-right: 20px;
	margin-bottom: 10px;
}

.entries {
	/* [disabled]padding-top: 24px; */
}
.entries .entry {
	background: #fff;
	padding: 1px;
	border: 1px solid #d6dae1;
	width: 128px;
	/* [disabled]height: 115px; */
	float: left;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.entries .entry a img {
	/* [disabled]width: 206px; */
	/* [disabled]height: 115px; */
	display: block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	padding-left: 2px;
}
.entries .entry + .entry { margin-left: 17px; }
.entries .entry span.shadow {
	background: url(images/entry-shadow2.png) no-repeat 0 0;
	width: 140px;
	height: 6px;
	position: absolute;
	bottom: -6px;
	left: 5px;
	display: block;
}


.entries .entry span.shadow3 {
	background: url(images/entry-shadow3.png) no-repeat 0 0;
	width: 140px;
	height: 6px;
	position: absolute;
	bottom: -6px;
	left: 5px;
	display: block;
}

.services {
	border-top: 3px solid #fff;
	/* [disabled]background: url(images/services.png) repeat-x 0 0; */
	/* [disabled]padding-top: 23px; */
}
.services h3 {
	padding-bottom: 5px;
	color: #369;
	font-weight: normal;
}
.services p {
	/* [disabled]padding-bottom: 15px; */
}
.services .widget {
	float: left;
	width: 650px;
}

.services .galerie {float: left;
width: 890px;}

.services .galerie .ph_gauche {clear: none!important;
margin-bottom: 12px;
margin-right: 32px;}

.services .widget ul { list-style: none; list-style-position: outside; }
.services .contact-widget {
	width: 220px;
	margin-top: 35px;
}
.services .widget + .widget {
	padding-left: 19px;
	/* [disabled]background-image: url(images/box.png); */
	background-repeat: repeat;
}
.services .socials-widget { width: 219px;  }
.services .socials-widget a { width: 27px; height: 27px; background: url(images/socials.png) no-repeat 0 0; float: left; margin-right: 9px; font-size: 0; line-height: 0; text-indent: -4000px; }
.services .socials-widget a:hover { opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70); }
.services .socials-widget a.facebook-ico { background-position: 0 0; }
.services .socials-widget a.twitter-ico { background-position: -36px 0; }
.services .socials-widget a.rss-ico { background-position: -72px 0; }
.services .socials-widget a.in-ico { background-position: -108px 0; }
.services .socials-widget a.skype-ico { background-position: -144px 0; }
.services .socials-widget a.google-ico { background-position: -180px 0; }

.footer { padding: 18px 0 64px 0;  }
.footer-nav { float: left; }
.footer-nav ul { list-style: none; list-style-position: outside; font-size: 11px;  }
.footer-nav ul li { float: left; padding-right: 33px; }
.footer-nav ul li a { color: #a6abb2; }
.footer-nav ul li a:hover { color: #3995d6; text-decoration: none; }
.footer p.copy { float: right; font-size: 11px; color: #a6abb2; }
.footer p.copy a { color: #8c929b; text-decoration: underline; }
.footer p.copy a:hover { color: #3995d6; text-decoration: none; }

.sort {
	color:#369;
	/* [disabled]margin-right:5px; */
	/* [disabled]padding:5px 10px; */
	/* [disabled]border-radius:10px; */
	/* [disabled]border:solid 1px #666; */
	/* [disabled]display:block; */
	/* [disabled]float:left; */
	/* [disabled]background-color:rgba(0,0,0,.1); */
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
}
.sort:hover {
	background-color:rgba(255,255,255,.05);
	color:#39F;
}
#hacker-list .list li .name, #hacker-list .list li .city, #hacker-list .list li .description {
	display: inline;
}
.infosExposants {
	padding: 10px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	background: url(images/cols.png) repeat-x 0 bottom;
}
.infosExposants ul li {
	list-style-type: none;
	display: inline;
	margin-right: 15px;
}
.search {
	width: 300px;
	height:25px;
	margin-bottom:5px;
}

/* Foundation Icons General */
@font-face {
  font-family: 'FoundationIconsGeneral';
  src: url('fonts/foundation-icons-general.eot');
  src: url('fonts/foundation-icons-general.eot?#iefix') format('embedded-opentype'),
       url('fonts/foundation-icons-general.woff') format('woff'),
       url('fonts/foundation-icons-general.ttf') format('truetype'),
       url('fonts/foundation-icons-general.svg#FoundationIconsGeneral') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* CSS to style glyphs */
.glyph a {
	cursor: pointer;
	font-size: 13px;
	line-height: 0.5;
}

.glyph a:hover {
color: #39F;
text-decoration:none;
}

.glyph.general a {
	font-family: FoundationIconsGeneral;
	font-style: normal;
}

/* M O D U L E "BOX PDF ET SITE INTERNET" */
.box_document, .box_lien {
	float: left;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 45%;
	padding: 10px;
	display: inline;
}
#texte .box_lien a {color: #255A51}
#texte .box_lien a:hover, #texte .box_document a:hover {
	color: #000000
}
.box_document, .box_lien {
	border: 1px solid #CCC;
	background: #EAEAEA;
	margin: 15px 10px 15px 0;
	}
/* .box_lien {
	border: 1px solid #71C1B6;
	background: #C1E5DF;
	margin: 15px 0;
	}
	*/
.box_document h4, .box_lien h4 {
	font-weight: bold;
	color: #333;
	padding-bottom: 1px;
	font-size: 12px;
}
h3.accueil {color: #ffffff!important;
margin-top: 10px;}

.slides-accueil {background: url("http://www.cdnv.ch/css/images/slide-bg-2.jpg"); background-repeat: repeat-y;}
.flexslider ul li img.affiche {
	width: 211px!important;
	height: 298px !important;
margin-top: 15px;
margin-left: 42px;}
